Codify design practices into repeatable workflows for typography, layout, color, and motion.
npx skills add https://github.com/wondelai/skills --skill top-design
Please help me install this Agent Skill. Skill: top-design Source: https://github.com/wondelai/skills/tree/main/top-design Command: npx skills add https://github.com/wondelai/skills --skill top-design
This Skill enables design teams to codify elite design practices into repeatable workflows, reducing ambiguity and handoffs while elevating output to agency-grade quality.
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.
High-intent search queries and answers about installing and using this skill.
To create a scalable design system, codify elite design practices into repeatable workflows by establishing typography, color, spacing, and motion tokens. This enforces a design-system cadence and ensures brand cohesion across client-ready deliverables.
The best way to define a motion language is to establish signature moment patterns and micro-animations that shape a project's character. This approach codifies memorable interactions into repeatable workflows for premium websites and apps.
To ensure branding and accessibility standards align, apply codified design practices that enforce brand cohesion and accessibility considerations. This reduces ambiguity and handoffs while elevating output to agency-grade quality for product teams.
Yes, you can use a design system workflow to build premium websites and apps for branding studios. It applies codified practices to guide typography, layout, color, motion, and brand cohesion, ensuring scalable and client-ready deliverables.
To craft a signature hero sequence for a client website, use codified design practices to define typography scales, set up color systems, and outline a motion language for transitions. This creates memorable interactions and ensures brand cohesion.
ky-zoGather design context and write it to CLAUDE.md for future sessions.
datamonsterrGenerate design tokens, typography scales, spacing rules, and breakpoints.
Shaarav4795Standardize Tailwind CSS animations and transitions across UI components.
superpollo02Generate shadcn/ui-inspired component guidance with token-first rules and WCAG 2.2 AA constraints.
