ai-ds-composer

Design-system metadata drives component selection by evaluating fields like selectionCriteria, variants, and composition to justify choices and reduce duplication. You outline a UI task, and the system evaluates this metadata to recommend appropriate components for your project.

UI composition anti-patterns are identified and flagged before proposing solutions, providing clear remediation guidance. The system checks your design-system metadata against known anti-patterns to prevent structural inconsistencies and guide you toward correct component usage.

When no existing component covers a use case, gap detection outlines practical next steps. The system flags missing coverage in your design-system metadata and recommends how to extend the system or compose new patterns from existing atoms, molecules, and organisms.

Design-system composition applies directly to projects with multi-layer metadata like atoms, molecules, and organisms. The system traverses these layers to select components, validate composition rules, and ensure pattern reuse across the UI hierarchy.

Design-system metadata reduces component duplication by leveraging selectionCriteria and variants to justify component choices. By evaluating existing metadata before proposing new components, the system ensures maximum reuse and consistency across UI design tasks.