Compare MD files
Choose two or three files. Compare their purpose, setup, and limitations.
Based on the reviewed instructions. These are summaries, not output benchmarks or quality scores.
What it helps you do
Website Visual References
Explore visual concepts
Prototype
Explore a prototype
Animation Vocabulary
Describe a motion effect
When to choose it
Website Visual References
Exploring art direction for a landing page or marketing site.
Prototype
Exploring alternative interface implementations early in a project.
Animation Vocabulary
Naming an effect before briefing an agent or another designer.
Requirements and limits
Website Visual References
Requests multiple generated images, which may increase cost. Outputs references rather than a working website.
Prototype
Prototype feedback still needs real users and project context.
Animation Vocabulary
A terminology guide: it names motion rather than designing or implementing it.
How you’ll use it
Website Visual References
Single Markdown skill
Prototype
Coded project required
Animation Vocabulary
Single Markdown skill
Design roles
Website Visual References
UI design, Graphic design, Brand design
Prototype
Product design, UX design, UI design
Animation Vocabulary
Motion design, Product design, UI design
Tools and license
Website Visual References
Claude Code, Codex, Cursor · MIT
Prototype
Claude Code, Codex, Cursor · MIT
Animation Vocabulary
Claude Code, Codex, Cursor · MIT