frontend-design

このスキルは、フロントエンド設計とスタイリング上の意思決定に関するガイドラインを提供します。

設計原則

• カスタムスタイルの前に、ユーティリティファーストのCSSフレームワークを優先します。
• 一貫した間隔とタイポグラフィースケールを維持します。
• 利用可能な場合は、色、フォント、間隔のデザイントークンを使用します。

コンポーネントパターン

• コンポーネントはフォーカスされ、再利用可能な状態を保ちます。
• 共有UI パターンをデザインシステムコンポーネントに抽出します。
• 使用例を含むカスタムコンポーネントを文書化します。

制約事項

• 明確に要件がない限り、スコープ付きまたはインラインスタイルを記述しません。
• プロジェクトのCSSフレームワークの選択を常に尊重します。