Design skills

Only design-delivery skills we have actually run in throwaway projects, with public records. One qualifies so far. Popularity alone does not get a skill listed here.

variant-designYuqingNicole/variant-design-skill

Turns one brief into three comparable directions in your project, with scoped edits, undo snapshots and integration you can roll back; can start from a direction card in this library.

How we tried it
Run end to end in throwaway projects with Claude Code and Codex (generate, scoped edit, undo, integrate) and from a direction card; brand-locked projects kept their fonts and colors. Codex sandboxes limit browser checks, as the records note.
Install
npx skills add YuqingNicole/variant-design-skill -a claude-code -a codexInstalls into this project’s .agents/skills and links it for Claude Code. A full git clone also works; see the docs.
Public records
CLI dogfood (2026-10-26) ↗Direction library runs ↗Direction card runs ↗

Suggest a skill: we list it only after trying it →