Tailwind デザインシステム

Tailwind CSS を使用した本番環境対応のデザインシステムを構築します。デザイントークン、コンポーネントバリアント、レスポンシブパターン、アクセシビリティを含みます。

このスキルを使用する場合

• Tailwind でコンポーネントライブラリを作成する
• デザイントークンとテーマングを実装する
• レスポンシブでアクセシブルなコンポーネントを構築する
• コードベース全体の UI パターンを標準化する
• Tailwind CSS への移行または拡張を行う
• ダークモードとカラースキームをセットアップする

このスキルを使用しない場合

• タスクが Tailwind デザインシステムと無関係である
• このスコープ外の別のドメインやツールが必要である

指示

• 目標、制約条件、必要な入力を明確にします
• 関連するベストプラクティスを適用し、結果を検証します
• 実行可能なステップと検証方法を提供します
• 詳細な例が必要な場合は、resources/implementation-playbook.md を開きます

リソース

• 詳細なパターンと例については resources/implementation-playbook.md を参照してください