oc2-canvas
169luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Display HTML content on connected OpenClaw nodes (Mac app, iOS, Android).
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Display HTML content on connected OpenClaw nodes (Mac app, iOS, Android).
luokai0/ai-agent-skills-by-luo-kai
Skill Codex
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a…
luokai0/ai-agent-skills-by-luo-kai
Skill Codex
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
luokai0/ai-agent-skills-by-luo-kai
Skill Codex
Use when the user asks to generate or edit images via the OpenAI Image API (for example: generate image, edit/inpaint/mask, background removal or replacement, transparent background, product shots, concept art, covers, or batch variants); run the bundled CLI (scripts/imagegen.py) and require OPENAIAPIKEY for live…
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Configure multi-tenant organizations, manage members and invitations, define custom roles and permissions, set up teams, and implement RBAC using Better Auth's organization plugin. Use when users need org setup, team management, member roles, access control, or the Better Auth organization plugin.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude Code
Refine, parallelize, and verify a draft task specification into a fully planned implementation-ready task.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Search the FPF knowledge base and display hypothesis details with assurance information.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude Code
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude Code
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude Code
Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Use this agent when designing visual interfaces, creating design systems, building component libraries, or refining user-facing aesthetics requiring expert visual design, interaction patterns, and ...
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Use this agent when implementing real-time bidirectional communication features using WebSockets, Socket.IO, or similar technologies at scale.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Use when developing WordPress (Gutenberg) blocks: block.json metadata, registerblocktype(frommetadata), attributes/serialization, supports, dynamic rendering (render.php/rendercallback), deprecations/migrations, viewScript vs viewScriptModule, and @wordpress/scripts/@wordpress/create-block build and test workflows.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Use when developing WordPress block themes: theme.json (global settings/styles), templates and template parts, patterns, style variations, and Site Editor troubleshooting (style hierarchy, overrides, caching).
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Use when building or debugging WordPress Interactivity API features (data-wp- directives, @wordpress/interactivity store/state/actions, block viewScriptModule integration, wpinteractivity()) including performance, hydration, and directive behavior.
luokai0/ai-agent-skills-by-luo-kai
Skill Claude CodeCodex
Use for WordPress Playground workflows: fast disposable WP instances in the browser or locally via @wp-playground/cli (server, run-blueprint, build-snapshot), auto-mounting plugins/themes, switching WP/PHP versions, blueprints, and debugging (Xdebug).
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: