add-design-library-item - Add a new item to the design pattern library
Creates design library atoms, variants, or tokens, configures gallery entries and tests, and verifies build before product code consumption.
Tags
Updated: 2026-09-21Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Confirm nonexistence of library items
- Create new atom components
- Add atom variants
- Configure semantic tokens
- Create atom gallery entries
- Generate gallery manifest
- Write atom unit tests
- Export components in barrel file
Inputs
- Rendering primitive specifications
- Design token requirements
- Tailwind configuration file
- Design tokens documentation
Outputs
- Atom component file
- Atom gallery file
- Atom test file
- Generated gallery manifest file
- Updated barrel export file
Requirements
- Bun runtime environment
- React Native Testing Library
- Gluestack UI package
- Design system ESLint rules