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- |

검증된 토큰 통합, 적절한 가져오기 체인 및 프레임워크별 스캐폴딩을 통해 AI 디자인 구성 요소 기술의 구성 요소 출력을 프로덕션에 즉시 사용할 수 있는 통합 구성 요소 시스템으로 어셈블합니다. 테마, 레이아웃, 대시보드, 데이터 시각화 또는 피드백 기술을 실행한 후 핵심 기술로 사용하여 구성 요소를 작업 React/Next.js, Python 또는 Rust 프로젝트에 연결합니다. 출처: ancoleman/ai-design-components.

원본 보기