assembling-components

SKILL.md

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.

This skill understands the output of every AI Design Components skill:

| theming-components | tokens.css, theme-provider.tsx | Foundation | | designing-layouts | Layout.tsx, Header.tsx, Sidebar.tsx | --spacing-, --color-border- | | creating-dashboards | Dashboard.tsx, KPICard.tsx | All layout + chart tokens | | visualizing-data | Chart components, legends | --chart-color-, --font-size- |

Reúne los resultados de los componentes de las habilidades de componentes de diseño de IA en sistemas de componentes unificados y listos para producción con integración de tokens validada, cadenas de importación adecuadas y andamios específicos del marco. Úselo como habilidad final después de ejecutar temas, diseño, panel, visualización de datos o habilidades de retroalimentación para conectar componentes a proyectos funcionales de React/Next.js, Python o Rust. Fuente: ancoleman/ai-design-components.

Ver original