phase-5-design-system

Build a reusable UI component library. Enable consistent design and fast development.

A design system is a collection of reusable components and clear standards that enables building consistent user experiences at scale.

| Designer-developer mismatch | Single Source of Truth | | Duplicate component development | Reusable component library | | Inconsistent UI/UX | Unified design tokens and rules | | Increased maintenance cost | Centralized change management | | Delayed new member onboarding | Documented component catalog |

Навыки построения платформонезависимых систем проектирования. Разрабатывает согласованные библиотеки компонентов для всех UI-фреймворков. Используйте активно, когда пользователю нужны согласованные компоненты пользовательского интерфейса или упоминаются токены дизайна. Триггеры: система дизайна, библиотека компонентов, токены дизайна, shadcn, 디자인 시스템, デザインシステム, 设计系统, система проектирования, библиотека компонентов, жетоны проектирования, система дизайна, библиотека композиций, жетоны дизайна, Дизайн-система, Компонентная библиотека, Дизайн-токены, Система дизайна, библиотеки компонентов, жетоны дизайна НЕ используйте для: разовых изменений пользовательского интерфейса, серверной разработки или простых статических сайтов. Источник: popup-studio-ai/bkit-claude-code.