DesignFREEACCESS AVAILABLEFC-DES-004
Typography Claw
typography-claw
Crea escalas tipográficas, pairings de fuentes y jerarquías de tipo que mejoran legibilidad y consistencia visual.
Typography Claw creates typography scales, font pairings, and type hierarchies that improve readability and visual consistency. It designs systematic type systems with modular scales, responsive sizing, and clear hierarchy rules.
OpenClaw
Hermes
Claude Code
Codex
Cursor
Windsurf
Aider
OllamaPRIMARY 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
OpenClawHermesClaude CodeCodexCursorWindsurfAiderOllama8 TOOLS
Quality Gates
- Escala modular con ratio matemático
- Pairing armonioso con justificación
- Jerarquía clara y ambigua
- Sizing responsive definido
- Medida de línea legible
5 GATES DEFINED
Expected Outputs
typography scalefont pairingshierarchy rulesresponsive sizingspacing systemreadability guidelines
Native exports per tool
OpenClaw10 files
openclaw/AGENTS.mdopenclaw/SOUL.mdopenclaw/TOOLS.md+7 moreHermes5 files
hermes/skills/flickclaw/typography-claw/SKILL.mdhermes/skills/flickclaw/typography-claw/references/workflow.mdhermes/skills/flickclaw/typography-claw/references/quality-gates.md+2 moreClaude Code6 files
claude-code/CLAUDE.mdclaude-code/.claude/skills/typography-claw/SKILL.mdclaude-code/.claude/skills/typography-claw/references/workflow.md+3 moreCodex5 files
codex/AGENTS.mdcodex/.flickclaw/agents/typography-claw/codex.mdcodex/.flickclaw/agents/typography-claw/workflow.md+2 moreCursor3 files
cursor/.cursor/rules/flickclaw-typography-claw.mdccursor/.cursor/rules/flickclaw-typography-claw-workflow.mdccursor/.cursor/rules/flickclaw-typography-claw-quality-gates.mdcWindsurf3 files
windsurf/.windsurf/rules/flickclaw-typography-claw.mdwindsurf/.windsurf/rules/flickclaw-typography-claw-workflow.mdwindsurf/.windsurf/rules/flickclaw-typography-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 typography-clawCursor (secondary)
npm exec --yes @flickclaw/cli@latest -- install typography-claw --target cursorSupported AI Agent Frameworks
Example Prompt
Build a complete plan and deliverable package for this agent's role in a production workflow.