【免费下载链接】material-3-skillMaterial Design 3 skill for Claude Code — 30 components, design tokens, theming, responsive layout, and MD3 compliance audit项目地址https://gitcode.com/gh_mirrors/mat/material-3-skill点击查看免费下载material-3-skill 是一款面向 Claude Code 等 AI 编程助手的免费开源 Material Design 3Material You技能包内置 30 个 MD3 组件规范、设计令牌、动态主题与合规审计能力。本文实测 npx skills、Claude Code 插件市场、git clone 手动安装 3 种安装方法帮你快速找到最适合自己工作流的那一条命令。30秒看懂material-3-skill 能做什么安装后AI 助手会加载 SKILL.md 作为设计大脑帮你生成符合 Google 官方规范的 UI设计令牌Design Tokens颜色、字体、圆角、高度、动效全套令牌体系30 组件目录Button、Card、Navigation、Text Field 等含 Jetpack Compose 与 Web 映射详见 component-catalog.md动态主题种子色一键生成整套配色方案支持深色模式详见 theming-and-dynamic-color.md响应式布局5 档窗口尺寸断点、折叠屏适配详见 layout-and-responsive.mdMD3 合规审计10 个维度打分输出整改报告平台优先级Jetpack Compose 为主Flutter 次之Web 为受限支持。安装方法一npx skills 一键安装推荐 ⭐适用工具Codex、Claude Code、Cursor 及多 Agent 环境。这是官方首推路径因为仓库遵循标准的skills/名称/SKILL.md目录布局。npx --yes skills add hamen/material-3-skill --skill material-3 -y实测要点✅ 一条命令完成下载 注册无需手动管理目录✅--skill material-3指定技能名-y跳过确认全程无交互⏱️ 耗时约几秒装完即可在 AI 对话中调用/material-3命令安装方法二Claude Code 插件市场安装适用于重度使用 Claude Code 插件体系的用户。当前版本 1.1.1 已内置市场清单文件 marketplace.json插件元数据位于 plugin.json。方式 A交互式会话内/plugin marketplace add hamen/material-3-skill /plugin install material-3material-3-skill方式 BShell 命令行claude plugin marketplace add hamen/material-3-skill claude plugin install material-3material-3-skill实测要点✅ 需要先添加市场再安装插件两步缺一不可⚠️ 旧命令claude plugin install github:hamen/material-3-skill会报not found in any configured marketplace错误——1.1.1 版本已通过携带 marketplace manifest 修复此问题升级后请重新安装✅ 市场清单指向skills/material-3子目录Claude Code 会自动读取其中的plugin.json并注册技能安装方法三git clone 手动链接Codex / 通用加载器适合 Codex 用户或任何支持加载SKILL.md的 AI 工具自由度最高。git clone https://gitcode.com/gh_mirrors/mat/material-3-skill cd material-3-skill # Codex 用户 mkdir -p ~/.codex/skills ln -s $(pwd)/skills/material-3 ~/.codex/skills/material-3 # 其他 SKILL.md 加载器 ln -s $(pwd)/skills/material-3 /path/to/your/skills/material-3实测要点✅ 用符号链接而非拷贝git pull更新仓库后技能内容自动同步⚠️ 链接目标必须是skills/material-3这个子目录而非仓库根目录✅ 可随时断开链接rm掉软链完成卸载3 种安装方法实测对比对比维度① npx skills② Claude Code 插件③ clone 软链命令数1 条2 条4 条上手难度⭐ 最简单⭐⭐⭐⭐⭐适用工具Codex / Claude Code / Cursor仅 Claude Code任意 SKILL.md 加载器更新方式重新执行命令市场同步git pull自动生效推荐指数⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐一句话选型日常开发选 ①深度 Claude Code 玩家选 ②追求可控性选 ③。安装后快速上手4 条高频命令场景命令效果生成组件/material-3 component Create a login form with email and password fieldsMD3 规范登录表单生成主题/material-3 theme Generate a theme from seed color #1A73E8种子色生成全套配色搭建应用/material-3 scaffold Create a responsive app shell with navigation响应式应用骨架合规审计/material-3 audit [URL 或文件路径]10 维度打分 整改建议审计会检查颜色令牌、字体、圆角、高度、组件、布局、导航、动效、无障碍、主题化 10 个类别支持 Compose/Kotlin、Flutter/Dart 和 Web/CSS 源码。安装常见问题排查Q安装时提示插件找不到确认使用的是 1.1.1 及以上版本命令旧版claude plugin install github:...已废弃请改用本文方法二的两步流程。Q想验证目录结构是否正确仓库自带布局校验脚本 plugin_layout_test.sh可运行它检查 marketplace.json、plugin.json 与 SKILL.md 的位置是否符合规范。Q安装后 AI 没有生效 MD3 规范检查SKILL.md是否位于skills/material-3/下并确认 AI 工具的技能目录已包含该路径。技能定义详见 SKILL.md平台优先级说明见 CONTRIBUTING.md。结语material-3-skill 把 Google 官方的 MD3 规范浓缩成了 AI 助手可直接执行的知识库。推荐新手直接从npx skills 一键安装开始30 秒装好随后用/material-3 audit给你的现有项目做一次 MD3 合规体检你会直观感受到它的价值。更多细节可参阅项目总览 README.md 与色彩系统参考 color-system.md。赞分享【免费下载链接】material-3-skillMaterial Design 3 skill for Claude Code — 30 components, design tokens, theming, responsive layout, and MD3 compliance audit项目地址https://gitcode.com/gh_mirrors/mat/material-3-skill点击查看免费下载相关推荐WebGPU Samples完整指南如何快速入门下一代图形APIWebGPU Samples完整指南如何快速入门下一代图形API WebGPU Samples是一个展示WebGPU API用法的开源项目通过丰富的示例帮助如何上手 Umi-OCR免费离线 OCR 的完整实战指南如何上手 Umi OCR免费离线 OCR 的完整实战指南 Umi OCR 是一款免费开源的离线 OCR 软件截图、扫描件、PDF 都能转成可复制的文字所有OCR桌面应用OPC Skills 架构解析skills.json、npx skills add 与Claude Code插件市场如何协同工作OPC Skills 架构解析skills.json、npx skills add 与Claude Code插件市场如何协同工作 OPC Skills 是面向创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考