Generates fundamental, indivisible UI components like buttons and inputs based on Atomic Design principles.
This skill streamlines the creation of 'Atoms'—the foundational building blocks of any robust design system. It provides expert guidance and implementation patterns for crafting reusable, stateless, and accessible UI elements such as buttons, icons, avatars, and form inputs. By following these standardized patterns, developers can ensure their lowest-level components are technically sound, well-documented, and ready to be composed into more complex molecules and organisms while maintaining strict design consistency.
주요 기능
01Standardized boilerplate for core UI elements (Buttons, Inputs, Labels)
02Built-in accessibility (a11y) patterns and ARIA support
03TypeScript-first implementation for type safety and better DX
04Stateless component architecture for maximum reusability
05CSS Module patterns for scoped and maintainable styling
0666 GitHub stars
사용 사례
01Scaffolding a new design system or component library from scratch
02Refactoring inconsistent UI elements into standardized atomic units
03Enforcing design system best practices during frontend development
