Animate
Choose whether to animate, then implement timing, interruption, and reduced motion.
Frontend Design
A compact brief for deliberate typography, composition, and visual identity.
The editorial verdict
Where it earns its place.
The most direct starting point here for giving a new interface a deliberate visual identity. It asks the agent to ground a small design plan in the subject, review that plan, and critique the result. Its compact instructions leave implementation and repeatable technical checks to your existing tools.
Reach for it when
- A new page with a clear subject and audience
- Teams that want visual direction without a bundled runtime
Think twice if
- You need a searchable design reference database
- You want an automated accessibility check
Before you install
Compatibility & contents.
- Claude Code
- native
- Cursor
- partial
- Codex
- partial
- Gemini CLI
- partial
- GitHub Copilot
- partial
- License
- Apache-2.0
- Bundled scripts
- None found
- Hooks
- None found
Native: documented support. Partial: setup or adaptation may be needed. Not verified: the source has not established this fact. “None found” describes the inspected skill, not a security audit. Read the methodology.
Source context
The repository, in numbers.
Source: GitHub / anthropics/skills. Repository totals may be shared by several skills. Snapshot fetched ; these are not live counts. Check the snapshot date for freshness. Popularity is not a measure of design quality.
Watch the overlap.
No conflicts are recorded. This does not establish that every combination has been tested.