Skills to use
Use a design skill so the standards travel with the project
A skill is a folder of instructions the agent loads on demand. Put your design taste in one.
2 min read
Re-explaining your preferences each session is the slowest way to work. A skill (a SKILL.md plus reference files) is loaded when its description matches the task, so the agent follows your system without being reminded.
What belongs in a design skill:
- the tokens and how to use them,
- composition rules: how sections alternate, how much space, what a good hero contains,
- motion rules: durations, easings, what is allowed to move,
- a checklist to run before calling something done,
- two or three do and don't examples with reasons.
Anthropic's frontend-design skill is a good start for visual direction; layer your own on top, and where they disagree, yours wins. VibeBox projects ship a vibebox-design skill filled in with the client's tokens.