DesignFREEACCESS AVAILABLEFC-DES-006
Icon Claw
icon-claw
Crea sistemas de iconos consistentes con tamaño, estilo, variantes y reglas de uso que unifican la interfaz.
Icon Claw creates consistent icon systems with proper sizing, visual style, variants (filled, outlined, duotone), and usage rules. It ensures icons are uniform in style, size, and meaning across the entire product interface.
PRIMARY ACTION
COMPATIBLE 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
8 TOOLS
Quality Gates
- Estilo visual consistente
- Escala con optical sizing
- Variantes con propósito claro
- Nomenclatura sistemática
- Semántica sin ambigüedad
5 GATES DEFINED
Expected Outputs
icon system specsize scalestyle variantsusage guidelinesnaming conventionSVG specifications
Native exports per tool
OpenClaw10 files
openclaw/AGENTS.mdopenclaw/SOUL.mdopenclaw/TOOLS.md+7 moreHermes5 files
hermes/skills/flickclaw/icon-claw/SKILL.mdhermes/skills/flickclaw/icon-claw/references/workflow.mdhermes/skills/flickclaw/icon-claw/references/quality-gates.md+2 moreClaude Code6 files
claude-code/CLAUDE.mdclaude-code/.claude/skills/icon-claw/SKILL.mdclaude-code/.claude/skills/icon-claw/references/workflow.md+3 moreCodex5 files
codex/AGENTS.mdcodex/.flickclaw/agents/icon-claw/codex.mdcodex/.flickclaw/agents/icon-claw/workflow.md+2 moreCursor3 files
cursor/.cursor/rules/flickclaw-icon-claw.mdccursor/.cursor/rules/flickclaw-icon-claw-workflow.mdccursor/.cursor/rules/flickclaw-icon-claw-quality-gates.mdcWindsurf3 files
windsurf/.windsurf/rules/flickclaw-icon-claw.mdwindsurf/.windsurf/rules/flickclaw-icon-claw-workflow.mdwindsurf/.windsurf/rules/flickclaw-icon-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 icon-clawCursor (secondary)
npm exec --yes @flickclaw/cli@latest -- install icon-claw --target cursorSupported AI Agent Frameworks
Example Prompt
Build a complete plan and deliverable package for this agent's role in a production workflow.