DesignPROPRO REQUIREDFC-DES-008
Illustration Claw
illustration-claw
Define estilos de ilustración, guías de uso y reglas que aseguran consistencia visual en todas las ilustraciones del producto.
Illustration Claw defines illustration styles, usage guidelines, and composition rules that ensure visual consistency across all product illustrations. It creates the framework for cohesive illustration systems that support the brand and communicate clearly.
OpenClaw
Hermes
Claude Code
Codex
Cursor
Windsurf
Aider
OllamaPRIMARY ACTION
Unlock with ProCOMPATIBLE WITH
OpenClawHermesClaude CodeCodex+4
OpenClaw is the default target. Cursor example below.
When to Use
- Improve UX consistency and readability
- Audit accessibility and interaction states
- Refine spacing and hierarchy quickly
- Apply reusable design system patterns
Compatible Frameworks
OpenClawHermesClaude CodeCodexCursorWindsurfAiderOllama8 TOOLS
Quality Gates
- Parámetros de estilo específicos
- Colores de la paleta del producto
- Uso por contexto mapeado
- Reglas de escalamiento definidas
- Template de briefing incluido
5 GATES DEFINED
Expected Outputs
illustration style guidecolor rulescomposition guidelinescontext usage mapdo/don't examplesbriefing templates
Native exports per tool
OpenClaw10 files
openclaw/AGENTS.mdopenclaw/SOUL.mdopenclaw/TOOLS.md+7 moreHermes5 files
hermes/skills/flickclaw/illustration-claw/SKILL.mdhermes/skills/flickclaw/illustration-claw/references/workflow.mdhermes/skills/flickclaw/illustration-claw/references/quality-gates.md+2 moreClaude Code6 files
claude-code/CLAUDE.mdclaude-code/.claude/skills/illustration-claw/SKILL.mdclaude-code/.claude/skills/illustration-claw/references/workflow.md+3 moreCodex5 files
codex/AGENTS.mdcodex/.flickclaw/agents/illustration-claw/codex.mdcodex/.flickclaw/agents/illustration-claw/workflow.md+2 moreCursor3 files
cursor/.cursor/rules/flickclaw-illustration-claw.mdccursor/.cursor/rules/flickclaw-illustration-claw-workflow.mdccursor/.cursor/rules/flickclaw-illustration-claw-quality-gates.mdcWindsurf3 files
windsurf/.windsurf/rules/flickclaw-illustration-claw.mdwindsurf/.windsurf/rules/flickclaw-illustration-claw-workflow.mdwindsurf/.windsurf/rules/flickclaw-illustration-claw-quality-gates.mdAider3 files
aider/CONVENTIONS.mdaider/aider.mdaider/.aider.conf.ymlOllama4 files
ollama/Modelfileollama/system-prompt.mdollama/template.md+1 moreUse in Your Tool
Primary command uses OpenClaw by default. Secondary example targets Cursor.
OpenClaw (default)
RECOMMENDEDnpm exec --yes @flickclaw/cli@latest -- install illustration-clawCursor (secondary)
npm exec --yes @flickclaw/cli@latest -- install illustration-claw --target cursorSupported AI Agent Frameworks
Example Prompt
Build a complete plan and deliverable package for this agent's role in a production workflow.