assembling-componentslisted

# Assembling Components ## Purpose This skill transforms the outputs of AI Design Components skills into production-ready applications. It provides library-specific context for our token system, component patterns, and skill chain workflow - knowledge that generic assembly patterns cannot provide. The skill validates token integration, generates proper scaffolding, and wires components together correctly. ## When to Use Activate this skill when: - Completing a skill chain workflow (theming → layout → dashboards → data-viz → feedback) - Generating new project scaffolding for React/Vite, Next.js, FastAPI, Flask, or Rust/Axum - Validating that all generated CSS uses design tokens (not hardcoded values) - Creating barrel exports and wiring component imports correctly - Assembling components from multiple skills into a unified application - Debugging integration issues (missing entry points, broken imports, theme not switching) - Preparing generated code for production deployment ## Skill Chain Context This skill understands the output of every AI Design Components skill: ``` ┌──────────────────┐ ┌──────────────────┐ ┌──────────────────┐ │ theming- │────▶│ designing- │────▶│ creating- │ │ components │ │ layouts │ │ dashboards │ └──────────────────┘ └──────────────────┘ └──────────────────┘ │ │ │ ▼ ▼ ▼