AI Skills · 设计claudedesignskills
入馆:2026 年 11 月 4 日
claudedesignskills
给前端开发者的 Claude Code 插件市场,装 3D 和动效 Skill。
- 生态
- Agent Skills
- Skill 分类
- 设计
- 创建者 / 机构
- freshtechbro
它是什么
claudedesignskills 是 GitHub 用户 freshtechbro 做的 Claude Code 插件市场,README 叫它 Claude Design Skillstack。README 写有 22 个单项插件和 5 个打包合集,覆盖 Three.js、GSAP、React Three Fiber、Framer Motion、Babylon.js、Lottie、Blender 网页导出等。每个插件带 SKILL.md、几条斜杠命令和专门的子代理(agent),Claude Code 碰到相关任务时会自动用上。特别的地方是可以单装一个库,也可以按类别一次装一整包。
亮点:
- 5 个合集按类别打包,例如核心 3D 动画、3D 滚动特效、动画组件库、3D 创作工具
- 一些 Skill 带脚本,例如生成 Three.js 场景模板
- 也可以把单个 Skill 打成 zip 上传到 claude.ai。
怎么用:
- 先在 Claude Code 里运行 /plugin marketplace add freshtechbro/claudedesignskills
- 再按需要装单项,例如 /plugin install threejs-webgl,或装合集 /plugin install core-3d-animation
- 最后直接提需求,例如做一个带 PBR 材质的 Three.js 场景。
适合谁:
用 Claude Code 做带 3D 和动效的网页、想一次配齐相关知识的前端开发者。
使用前提:
- 需要 Claude Code,或者用 claude.ai 的上传 Skill 功能。
- 各个库本身的安装和授权以官网为准。
- 仓库最近一次提交是 2025 年 11 月,部分库的写法可能已经更新。
- 作品名里的 Claude 指它配合使用的 AI 产品,作品和 Anthropic 没有隶属关系。
- 许可证是 MIT。
以上根据项目公开说明整理,本站没有实际测试。