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 Design Components スキルからのコンポーネント出力を、検証済みのトークン統合、適切なインポート チェーン、フレームワーク固有のスキャフォールディングを備えた、統合された実稼働対応コンポーネント システムに組み立てます。テーマ、レイアウト、ダッシュボード、データ Viz、またはフィードバック スキルを実行した後、キャップストーン スキルとして使用して、コンポーネントを動作中の React/Next.js、Python、または Rust プロジェクトに接続します。 ソース: ancoleman/ai-design-components。

原文を見る