既存のAstroコンポーネントがWindows Forms風のデザインシステム(フォント、グラデーション、インタラクション状態など)に準拠しているかを検証し、レポートを生成します。
このスキルは、既存のコンポーネントがWindows Forms風のデザインシステムに準拠しているかを検証します。
検証対象の特定
src/components/ui/内の全.astroファイルをリストアップ各コンポーネントのチェック項目
'Segoe UI'が含まれているかlinear-gradientが使用されているかborderプロパティが定義されているか:hover疑似クラスが実装されているか:active疑似クラスが実装されているか:disabled疑似クラスが実装されているか(該当する場合):focus疑似クラスが実装されているか(該当する場合)<slot>の使用: 子要素を受け取れるか(該当する場合)レポート生成
出力フォーマット例
## スタイルガイド検証レポート
### Button.astro ✅
- ✅ Segoe UIフォント使用
- ✅ グラデーション背景あり
- ✅ ホバー・アクティブ・無効化状態実装済み
- ✅ Props型定義完備
### CustomComponent.astro ⚠️
- ✅ Segoe UIフォント使用
- ❌ グラデーション背景なし → 推奨: `background: linear-gradient(to bottom, #f0f0f0 0%, #e5e5e5 100%);`
- ⚠️ ホバー状態のみ実装 → アクティブ状態も追加推奨
- ✅ Props型定義完備
### 全体サマリー
- 検証コンポーネント数: 15
- 完全準拠: 12 (80%)
- 一部改善必要: 3 (20%)