android-skills
Android Material 3 Expressive 设计规范与组件参考库
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:android-skills。 它的用途是:Android Material 3 Expressive 设计规范与组件参考库 完整的 Skill 内容见:https://321skill.com/skills/android-skills/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要设计一个符合 Material 3 Expressive 规范的主按钮,它的颜色和形状令牌是什么?” 它会从 Skill 中调取 `md.comp.button.*` 相关的令牌规范,告诉你如何定义主按钮的颜色、形状、高度和 typography。或者问:“Material 3 Expressive 的导航栏有什么特别的设计模式?” 它会提供相关的参考文件和 Wear OS 的指导。
介绍
这个 Skill 旨在解决 Android 开发者与设计师在应用 Material 3 Expressive (M3E) 设计语言时,快速查阅官方组件规范、设计令牌和实现范例的需求。它打包了65个参考文件,涵盖了从基础令牌(颜色、排版、形状)到具体组件(按钮、对话框、导航栏)的完整设计系统。
使用方式非常简单,开发者或设计师在需要做出界面设计决策时,可以加载此 Skill,通过查询特定的组件令牌(如 md.comp.button.*)或浏览参考文件,快速获取符合 M3E 规范的视觉、交互和动效细节,确保设计的一致性和表现力。
它非常适合 Android UI/UX 设计师、移动端开发者和产品经理,尤其是在规划或评审具有表现力层级、动态效果和定制化视觉的 Android 应用界面时。
与同类提供通用 Material Design 文档的工具相比,这个 Skill 的核心区别在于它专门聚焦于 Material 3 的“Expressive”(表现力)变体,提供了更具体、更深入的组件令牌规范和 Jetpack Compose 实现示例,而非泛泛的设计原则介绍。
核心特点
本 Skill 专门针对 Material 3 的“Expressive”变体,提供了详尽的组件级设计令牌(如 `md.comp.button.*`)和 Jetpack Compose 示例,而同类资源通常只覆盖基础 Material 3 或停留在概念层面。
注意事项
不适合非 Android 平台(如 iOS、Web)的开发设计任务,也不适用于与界面设计无关的纯 Android 功能实现。
常见问题
Material 3 Expressive 是什么?
是 Material Design 3 的一个变体,强调更强的表现力、动态效果和层级关系,用于创建更具情感化和品牌特色的界面。
这个 Skill 包含代码吗?
主要包含设计令牌规范和参考文件,但也提供了 Jetpack Compose 的示例代码,用于指导实现。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/android-skills/raw/index.md 读取 android-skills 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/android-skills/raw/index.md(查看排版版本)