This skill provides comprehensive guidance for building robust, scalable design systems that ensure visual consistency, improve development velocity, and create exceptional user experiences.
A design system is more than a component library. It includes:
| Design Tokens | Foundational design decisions | Colors, spacing, typography | | Components | Reusable UI building blocks | Button, Input, Card, Modal | | Patterns | Common UX solutions | Forms, Navigation, Layouts | | Guidelines | Rules and best practices | Accessibility, naming, APIs | | Documentation | How to use everything | Storybook, usage examples |
Utilizzare questa competenza durante la creazione o l'evoluzione dei sistemi di progettazione per le applicazioni. Fornisce strutture di token di progettazione, modelli di architettura dei componenti, modelli di documentazione e linee guida per l'accessibilità. Garantisce una progettazione dell'interfaccia utente coerente, scalabile e accessibile tra i prodotti. Fonte: yonatangross/orchestkit.