material-design-3
✓マテリアル デザイン 3 (マテリアル ユー) は、最新の Web および Angular アプリケーションのためのシステムの知識を設計します。マテリアル デザイン 3 のテーマ、コンポーネント、タイポグラフィ、カラー システム、ダイナミック カラー、アクセシビリティ パターンを実装する場合、またはマテリアル デザイン 2 から移行する場合に使用します。デザイン トークン、テーマ API、およびマテリアル ユーの原則について説明します。
SKILL.md
🎯 Purpose This skill provides comprehensive guidance on Material Design 3 (also known as Material You), Google's latest design system that emphasizes personalization, accessibility, and modern UI patterns for Angular applications.
Material Design 3 is Google's latest design language that introduces:
| Colors not applying | Ensure @include mat.core() is called first | | Theme tokens undefined | Check Angular Material version (requires v15+) | | Dark theme not working | Verify .dark-theme class is applied to parent element | | Custom colors not working | Use define-palette() with proper Material color palette |
マテリアル デザイン 3 (マテリアル ユー) は、最新の Web および Angular アプリケーションのためのシステムの知識を設計します。マテリアル デザイン 3 のテーマ、コンポーネント、タイポグラフィ、カラー システム、ダイナミック カラー、アクセシビリティ パターンを実装する場合、またはマテリアル デザイン 2 から移行する場合に使用します。デザイン トークン、テーマ API、およびマテリアル ユーの原則について説明します。 ソース: 7spade/black-tortoise。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/7spade/black-tortoise --skill material-design-3- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
material-design-3 とは？
マテリアル デザイン 3 (マテリアル ユー) は、最新の Web および Angular アプリケーションのためのシステムの知識を設計します。マテリアル デザイン 3 のテーマ、コンポーネント、タイポグラフィ、カラー システム、ダイナミック カラー、アクセシビリティ パターンを実装する場合、またはマテリアル デザイン 2 から移行する場合に使用します。デザイン トークン、テーマ API、およびマテリアル ユーの原則について説明します。 ソース: 7spade/black-tortoise。
material-design-3 のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/7spade/black-tortoise --skill material-design-3 インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/7spade/black-tortoise
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01