component-architecture

SKILL.md

Components are the building blocks of modern interfaces. A well-designed component system enables consistency, speeds up development, and makes maintenance easier. This skill teaches you to think about components systematically: designing for reusability, managing complexity, documenting thoroughly, and building a library that your team loves to use.

Atomic Design is a methodology for creating design systems by breaking down interfaces into fundamental building blocks.

1. Atoms The smallest, most basic components. They can't be broken down further without losing their meaning.

Concevez et construisez des composants réutilisables et bien documentés. Maîtrisez la composition des composants, la conception des accessoires, les systèmes de variantes, la gestion de l'état et la documentation. Créez une bibliothèque de composants évolutive qui assure la cohérence et accélère le développement. Fonctionne avec React, TypeScript et Tailwind CSS. Source : sanky369/vibe-building-skills.

Voir l'original