component-library-architect

What problem does it solve?

This Skill addresses the challenge of designing, structuring, and evolving scalable and reusable component libraries, ensuring consistency and maintainability in UI development.

Core Features & Use Cases

• Architecture Design: Defines layered component structures (atomic, composite) and dependency boundaries.
• Design Token System: Manages design tokens for color, typography, spacing, etc.
• Implementation Standards: Enforces specifications for variants, states, accessibility, and typing.
• Release & Documentation: Outlines processes for packaging, build artifacts, and documentation sites.
• Use Case: A team needs to establish a new design system for a large application. This Skill guides them through defining the core principles, token system, and component structure to ensure a robust and scalable library.

Quick Start

Use the component-library-architect skill to design a component library based on the provided guide.