Design Skills

一个统一的中文设计 skill：从需求、视觉方向、设计系统到可编辑实现与交付，覆盖界面、落地页、原型、幻灯片、印刷排版、图表、动效、3D 网页和浏览器物理模拟。

基于 BaoCut 指定提交及 Claude Design 社区项目整合，并加入独立的 3D/物理技能资料。已核对 23 个相关仓库，按互补能力重写工作流；不宣称穷尽 GitHub，也不代表 Anthropic 官方发行。

快速使用

完整入口是 skills/design/SKILL.md。只安装这个目录，运行时按任务加载内部参考文件，不需要另外安装上游 skill 或访问研究快照。

git clone https://git.aiot.ml/kanshan/design.git
cd design
mkdir -p ~/.codex/skills
ln -s "$(pwd)/skills/design" ~/.codex/skills/design

已有同名 skill 时先检查其内容，再选择更新或迁移，避免覆盖个人修改。支持 SKILL.md 的其他客户端可把同一目录放到各自的 skills 目录；agents/openai.yaml 只是 Codex 展示元数据。

也可以下载 完整安装包，解压后将 design 文件夹放入客户端的 skills 目录。源码安装后用 git pull 更新。

使用 $design，基于现有项目和品牌素材完成产品落地页，
包含移动端、真实交互、加载失败状态与浏览器预览。

能力模块

任务	内容
视觉与产品设计	方向、线框、探索、界面、品牌上下文、设计系统、评审
视觉内容	HTML 幻灯片、海报与印刷、数据图表、邮件、动画与声音
开发交接	导出包清点、tokens/组件提取、BaoCut/Claude Design 宿主适配
3D 网页	产品首屏、查看器、配置器、滚动空间叙事、Spline 接入
3D 渲染	Three.js、R3F、材质光照、Shader、WebGPU/TSL、资源与性能
刚体物理	Rapier、cannon-es、Matter.js；碰撞、约束、拖拽、固定步和重置
数值与视觉模拟	弹簧、摆、粒子、流体、布料；模型、时间、单位和误差边界

3D 部分附带 12 组中文提示词，可直接替换素材与目标使用。例如：

使用 $design，做一个可拖拽投掷的 3D 刚体网页，
包含球、盒、地面、重力/摩擦参数、暂停、单步和重置。
沿用现有引擎，使用固定物理步与简单碰撞体，
手工检查堆叠、快速运动、拖拽取消和后台恢复。

使用 $design，做一个指针注入染料的二维流体区块。
本次要求真实速度与压力网格求解；说明边界和数值限制，
提供质量档、暂停与重置，验证实际运行后端与移动端降级。

skill 提供指导与参考资源，不捆绑 Three.js、物理引擎或 Spline 运行时。实现时复用项目依赖，按实际版本核对接口；真实求解和视觉近似分别说明，未经测量不承诺性能或物理准确性。

来源与许可

• 来源与整合取舍：项目链接、固定提交与修改范围。
• sources.json：源文件哈希、模块映射和资源溯源。
• NOTICE 与 许可目录：版权与原始许可。
• BaoCut 原始提取包：用户指定 7aa049e8 提交的 design/design-system 与许可声明。
• Claude Design 研究快照 与 3D/物理研究快照：用于离线追溯，不是第二套可执行 skill。

本仓库免费公开，属于混合许可的来源可用整合包，不是统一 MIT 许可。BaoCut 衍生材料保留 Community License 的商业分发限制；其他来源分别保留 MIT、Apache-2.0、ISC 等条款。没有明确 LICENSE 的来源仅做索引或方案比较，不打包原文。详见 LICENSE.md。

工作约定

实现最简单、直接，沿用现有文件和技术栈；按需加载模块；替换实现时移除旧路径。禁止编写单元测试与集成测试，可运行现有检查并手工做浏览器与视觉验证。不强制多轮确认、指定模型、子代理、推广水印或自动发布。