moai-workflow-design-context
Loads human-authored design briefs from .moai/design/ (research, system, spec, pencil-plan) and injects them into /moai design workflow context with priority…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
Design & creation
22,047 results
moai-workflow-design-import
Handles /moai design 3-path routing: Path A (Claude Design handoff bundle), Path B1 (Figma extractor via meta-harness), Path B2 (Pencil MCP via meta-harness).…
design-logo
Generates a logo that fits the design system. It first reads the project's tokens (color, typography, shape language) and brand voice and reflects them in the generation prompt, so the resulting logo does not clash with the brand. Unlike hero and OG images, a logo must be legible even when small and must be adaptable to color, grayscale, and monochrome, so it is approached as vector/symbol…
gpt-image-2-prompt
Image prompt text builder dedicated to the OpenAI GPT-image-2 model. It collects context from a one-line user natural language request plus AskUserQuestion presets and fine-tuning rounds, and follows the official OpenAI Cookbook 6-Block…
sokra-mode
Apply sokra's webpack design discipline to module-federation/core plugin architecture, runtime, caching, and reviews when asked for sokra mode or to review or…
announcement-card
Write a short, punchy announcement designed to be shared as an image or social card. Use when asked to announce a launch, milestone, feature, hire, funding, or…
brand-guidelines
Extract a brand's visual and verbal identity into an applicable guideline kit — tokens, voice rules, and do/don't pairs — then apply it consistently to any…
creator-deal-decoder
Decode a brand deal or UGC contract before signing — usage rights, exclusivity windows, whitelisting, payment terms, and kill clauses ranked 🔴🟡🟢 by what…
voice-agent-design
Design a voice AI agent for phone or in-app conversations — call flows, interruption handling, escalation to humans, and the metrics that catch a bad voice…
edits-hook-overlay
Put Instagram's NATIVE text hook (the Edits app's own font, boxes and styling) on many videos without opening each one in Edits. Type each hook once in Edits…
pixel-diff
Pixel-level image comparison between two screenshots. Generates a visual diff overlay highlighting differences. Use for comparing Figma designs against web…
web-design-guidelines
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…
remotion-server
Create professional videos from code with Remotion v4 - local CLI, Lambda, Vercel, Cloud Run, GPU rendering. Social media presets, templates, sfx, starburst,…
gfonts
Search, browse, and download Google Fonts from the terminal via the gfonts CLI. No API key required. Use when the user asks about fonts, font recommendations,…
figma-use
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…
create-mermaid-diagrams
Create, revise, convert, or validate Mermaid diagrams, including flowcharts, sequence, ER, class, state, Gantt, and optional SVG rendering for documents or…
design-slide-colors
Design, adapt, generate, or validate slide color systems and semantic palettes, including brand-color integration, usage roles, contrast evidence, and…
spec-authoring
Write a spec before building — capturing requirements, design, and tasks in order, with traceability between them. Use when starting any non-trivial feature so…
after-effects
Automate Adobe After Effects via ExtendScript. Use when the user asks to create, modify, or query anything in an After Effects project — layers, keyframes,…
ai-video-generation
Generate AI videos with Google Veo, Seedance, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 1.5 Pro, Wan 2.5, Grok Imagine…
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art,…
game-engineering-team
AAA-caliber engineering council for building production-quality games. Use when implementing game systems, writing game code, designing data architecture,…
wireframe-greybox
A crisp greybox / blueprint lo-fi wireframe — neutral grey blocks on a pale page, image placeholders drawn as a rectangle with a diagonal X, text shown as…
aeo
Check and improve your brand's visibility across AI search engines (ChatGPT, Perplexity, Gemini, Grok, Claude, DeepSeek). Set up tracking, run visibility…