Standardize UI design with tokens, components, and handoff templates.
npx skills add https://github.com/avav25/ai-assets --skill ui-ux-design-avav25
Please help me install this Agent Skill. Skill: ui-ux-design Source: https://github.com/avav25/ai-assets/tree/main/.windsurf/skills/ui-ux-design Command: npx skills add https://github.com/avav25/ai-assets --skill ui-ux-design-avav25
UI teams often struggle with inconsistent design outputs, fragmented handoffs, and inaccessible interfaces. This skill provides a scalable foundation for UI/UX design work, consolidating tokens, patterns, and guidelines to accelerate delivery and maintain quality across products.
Generate a starter design-system scaffold for your project, including tokens, components, and handoff docs.
High-intent search queries and answers about installing and using this skill.
A scalable design system standardizes UI work by providing a foundation of design tokens, component catalogs, and reusable patterns to ensure consistency across products. You can generate a starter scaffold including tokens, components, and handoff docs to accelerate delivery.
Figma workflows for developer handoff require project structure conventions, collaboration guidelines, and token syncing to bridge design and development. This skill provides handoff templates with clear component specs and documentation for developers to implement accurately.
An accessibility audit for UI components uses WCAG 2.2 AA checklists and practical audit templates to evaluate inclusivity. This skill includes compliance checklists to help design teams identify and resolve accessibility barriers across product interfaces.
Design tokens manage color, typography, and spacing by consolidating these values into a centralized framework that ensures consistent application. This skill supports token syncing to maintain visual coherence from Figma workflows through to developer handoff.
This design system framework applies to teams both building and maintaining component libraries across products. It supports fragmented handoffs by standardizing design principles, component catalogs, and documentation to improve output quality and accessibility.
Inconsistent UI design outputs often stem from missing design tokens, undefined patterns, and fragmented handoffs. This skill consolidates tokens, components, and guidelines into a scalable foundation to maintain quality and consistency across products.
Unlighted01Scaffolds complete React components with Apple design system and TypeScript types.
lidge-junGenerate design tokens and define Atomic Design component architecture with WCAG standards.
lalaABCConvert Figma frames into project-aligned UI code using design tokens.
angelgarciasolorzanoGenerate design system guidelines for Shadcn UI components with WCAG 2.2 AA compliance.
