component-library-integration

What problem does it solve?

This Skill prevents token and design-system drift by choosing an appropriate component library and generating a concrete bridge that makes the library render with your project’s approved palette, typography, and motion.

Core Features & Use Cases

• Evidence-first library selection: Ensures the design-system manifest is approved and that required proof exists before proceeding.
• Token bridge generation: Creates library-specific adapters (e.g., MUI token theme, shadcn CSS var mappings, headless primitive-to-component mappings).
• Fail-closed anti-slop compliance: Produces an anti-ai-slop report tied to the exact artifact and enforces gate taxonomy before handoff.
• Controlled handoff boundary: Stops after the bridge and manifest updates are ready, without packaging prototype files.

Quick Start

Ask your AI to integrate the approved brandbook tokens into shadcn/ui by generating the required library bridge and updating the design-system manifest for prototype handoff.