visual-craft
Define visual direction and execute it with consistent typography, color, spacing, and motion. Use when designing, implementing, or reviewing visual direction — landing pages, app styling, icons, typography, composition, motion, headings, page overscroll, tokens, anti-slop, or when choosing a direction from a design DNA spec for the chosen visual direction. Use ui-audit separately for UI correctness, disclosure, and cognitive load.
Pinned to revision 161a5bf67ec5, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/visual-craft/SKILL.md
- skills/visual-craft/agents/openai.yaml
- skills/visual-craft/references/craft.md
- skills/visual-craft/references/index.md
- skills/visual-craft/references/legacy.md
- skills/visual-craft/references/normalize.css
- skills/visual-craft/references/spec/ara.json
- skills/visual-craft/references/spec/better-skills.json
- skills/visual-craft/references/spec/craft.json
- skills/visual-craft/references/spec/cursor.json
- skills/visual-craft/references/spec/fumadocs.json
- skills/visual-craft/references/spec/kong.json
- skills/visual-craft/references/spec/langfuse.json
- skills/visual-craft/references/spec/minshot.json
- skills/visual-craft/references/spec/mosoo.json
- skills/visual-craft/references/spec/notion.json
- skills/visual-craft/references/spec/openknowledge.json
- skills/visual-craft/references/spec/raft.json
- skills/visual-craft/references/spec/stripe.json
- skills/visual-craft/references/spec/vercel.json
- skills/visual-craft/references/spec/zed.json
Every link opens the file at its source, pinned to the revision this page describes.