angular-best-practices-spartan について
angular-best-practices-spartanは、Spartan UIを使うAngular開発者向けの追加スキルです。Brainによるアクセシブルな動作とHelmのスタイリングを扱い、コアのangular-best-practicesスキルと併用できます。
主な機能
- 01Spartan Brainのアクセシビリティ指針
- 02Tailwind CSSによるHelmのスタイリング
- 03ヘッドレスコンポーネントの実践
- 04ダイアログ、タブ、メニュー、アコーディオンの指針
活用シーン
- 01アクセシブルなSpartan Brainディレクティブの追加
- 02HelmとTailwind CSSによるコンポーネントのスタイリング
- 03ダイアログ、タブ、メニュー、アコーディオンの構築
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/angular-best-practices-spartanを入力して読み込まれたか確認します。
同梱ファイルAGENTS.md
詳細
Angular Spartan UI のベストプラクティス
Brain（動作）と Helm（スタイリング）を備えたヘッドレスコンポーネント向けの Spartan UI ルールです。Angular を包括的にカバーするには、コアの angular-best-practices スキルと併用してください。
リンク
適用する場面
- アクセシブルな動作を実現する Spartan Brain ディレクティブを追加するとき
- Helm と Tailwind CSS でコンポーネントをスタイリングするとき
- Spartan のプリミティブを使用してダイアログ、タブ、メニュー、アコーディオンを構築するとき
ルール
| ルール | 影響 | 説明 |
|---|---|---|
| Spartan Helm で Tailwind を設定する | 中 | hlm ディレクティブを介して、一貫性のあるユーティリティファーストのスタイリングを実現します |
| アクセシブルな動作には Spartan Brain を使用する | 中 | WCAG に準拠した ARIA、キーボード操作、フォーカス管理を実現します |
| Spartan UI のヘッドレスコンポーネントを使用する | 中 | アクセシビリティ機能を内蔵しながら、スタイリングを完全に制御できます |
インストール
skills.sh/alfredoperez/angular-best-practicesからインストールします。
- コアスキル：angular-best-practices
- このアドオン：angular-best-practices-spartan
コメント
Markdown 対応