ui-component

To generate accessible UI components with semantic design tokens, describe your component needs to the generator. It outputs primitives or composed patterns using StyleSeed Toss conventions, ensuring semantic tokens, typed props, and accessible defaults automatically.

Creating frontend primitives that match existing conventions involves generating components that adhere to StyleSeed Toss rules. This ensures token-driven styling and reusable APIs, placing generated outputs directly into predictable project directories like src/components/ui/.

Generating UI components with this approach fully supports custom composed patterns. You can specify complex pattern requirements to the generator, which produces accessible, token-driven composed components that align with your existing StyleSeed project structure.

You should place generated UI components in specific project directories to ensure predictable integration. The generator targets src/components/ui/ for foundational primitives and src/components/patterns/ for composed components within StyleSeed-based projects.

Using a component generator instead of ad-hoc frontend markup eliminates inconsistency by enforcing StyleSeed Toss conventions. It guarantees every generated component utilizes semantic tokens, predictable typing, and accessible defaults, maintaining strict alignment with your host design system.

This generator is specifically applicable to new primitives or composed components in StyleSeed-based projects. Using it outside of a StyleSeed environment is not recommended, as the generated outputs rely heavily on existing semantic tokens and Toss seed conventions.