Claude Code · Codex

UI and visual design skills

Improve layout, typography, color, and error messages. Apply a design system with Claude Code and Codex skills for clearer product interfaces.

3 skills

designself

UI from a design system

design-system-as-input-ui

Stop AI-generated screens from each inventing their own blue. Feed the agent a design system as a token contract instead of describing pixels every time.

updated 2026-07-18designself

Actionable error messages

error-message-writing

Write error messages that answer what happened, why, and how to fix it — with four anti-patterns to avoid and a nine-point check for each message.

updated 2026-07-18designself

Layout, typography and color

visual-design-principles

Apply grouping, alignment, repetition, contrast, typography, and color to interfaces, posters, slides, and documents, then inspect and refine the actual result.

updated 2026-09-14