material-design-3
✓Material Design 3 (Material You) 现代 Web 和 Angular 应用程序的设计系统知识。在实现 Material Design 3 主题、组件、排版、颜色系统、动态颜色、可访问性模式或从 Material Design 2 迁移时使用。涵盖设计令牌、主题 API 和 Material You 原则。
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 |
Material Design 3 (Material You) 现代 Web 和 Angular 应用程序的设计系统知识。在实现 Material Design 3 主题、组件、排版、颜色系统、动态颜色、可访问性模式或从 Material Design 2 迁移时使用。涵盖设计令牌、主题 API 和 Material You 原则。 来源：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？
Material Design 3 (Material You) 现代 Web 和 Angular 应用程序的设计系统知识。在实现 Material Design 3 主题、组件、排版、颜色系统、动态颜色、可访问性模式或从 Material Design 2 迁移时使用。涵盖设计令牌、主题 API 和 Material You 原则。 来源：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 中使用
这个 Skill 的源码在哪？
https://github.com/7spade/black-tortoise
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01