top-design
OfficialDesign award-level experiences at scale.
Authorwondelai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill enables design teams to codify elite design practices into repeatable workflows, reducing ambiguity and handoffs while elevating output to agency-grade quality.
Core Features & Use Cases
- Design system governance: establish typography, color, spacing, motion tokens, and component usage across projects.
- Signature moments & motion language: define memorable interactions and micro-animations that shape a project's character.
- Brand cohesion & accessibility: ensure alignment with client branding and accessibility standards.
Quick Start
Use the top-design skill to craft a signature hero sequence for a client website, define a typography scale, set up a color system, and outline a motion language for transitions.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: top-design Download link: https://github.com/wondelai/skills/archive/main.zip#top-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.