Color and Typography skills for Claude Code and Codex
Skills that build color systems and type scales, pair fonts, critique contrast and readability, and audit font loading.
Highest-scoring color and typography skills in the October 22, 2026 snapshot: impeccable from pbakaus/impeccable (86/100), aesthetic-instrument from avelikiy/great_cto (82/100) and brand-guidelines from anthropics/skills (81/100). Scores come from the Suede Skill Check.
- 14 listed skills
- 8 repositories
- 3 with full pages
2 from official publishers. 1 bundle scripts. 1 connect to an outside service. Listed in Frontend and Design (12), Documents and Office Files (1), Video, Image, Audio and Creative (1).
All 14 color and typography skills
No matching skills. Try fewer words or clear your search.
| Skill | Repository | What it does |
|---|---|---|
| aesthetic-instrument 82/100 · B | avelikiy/great_cto | Defines great_cto's visual style, a dark surface ladder with one accent and two typefaces, as twelve checkable rules for its board, site, and reports. |
| brand-guidelines 81/100 · B | anthropics/skills | Applies Anthropic's official brand colors and typography to artifacts that should carry Anthropic's look and feel. |
| impeccable 86/100 · B | pbakaus/impeccable | Guides frontend and native interface design through focused playbooks for hierarchy, typography, accessibility, responsive layouts, motion and UX copy. |
| color-font-skill 70/100 · C | MiniMax-AI/skills | Choose presentation-ready color palettes and font pairings for PPT/design tasks. Use when users ask for visual theme choices, brand-safe palettes… |
| color-system 58/100 · D | infrasity-labs/dev-gtm-claude-skills | Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance. |
| critique-color 61/100 · D | infrasity-labs/dev-gtm-claude-skills | Critique a screen's colour usage — contrast ratios, palette coherence, semantic meaning, and colour accessibility. |
| critique-typography 59/100 · D | infrasity-labs/dev-gtm-claude-skills | Critique a screen's typography — scale usage, readability, consistency, and token compliance. |
| design-token 58/100 · D | infrasity-labs/dev-gtm-claude-skills | Define and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance. |
| illustration-style 56/100 · D | infrasity-labs/dev-gtm-claude-skills | Define an illustration style guide with visual language, color usage, and application rules. |
| readable-measure 59/100 · D | infrasity-labs/dev-gtm-claude-skills | Set optimal line lengths for readability across typography scales and responsive layouts. |
| typography-audit 84/100 · B | mblode/agent-skills | Audits font loading, type scales, measure, spacing, OpenType, and rendered punctuation with 78 scoped rules. Use when asked to "audit typography"… |
| typography-scale 56/100 · D | infrasity-labs/dev-gtm-claude-skills | Create a modular typography scale with size, weight, and line-height relationships. |
| visual-brand-extractor 73/100 · C | gooseworks-ai/goose-skills | Extract visual branding (colors, typography, layout patterns) from a client's website and generate a style preset compatible with the HTML slides… |
| web-typography 81/100 · B | wondelai/skills | Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive… |
How to choose color and typography skills
System skills create palettes and modular scales; critique skills review existing screens against contrast and readability rules.
For slides, the color and font skill picks presentation palettes and pairings.
Typography audits that check font loading run against built pages, so have a local or live URL ready.
Related topics
Accessibility Testing 6Branding 23Logos and Brand Identity 5Design Systems and Tokens 20Graphic Design and Posters 8Icons and Illustrations 8UI and UX Design 24
Find your next useful skill
Explore Rising Skills with quality scores and source reports, or search from inside your agent.
Get Rising Skills by email · Read Rising Skills · Install the finder · State of Agent Skills