AI灵感世界AI Skills · 设计power-design
入馆：2026 年 11 月 4 日
power-design
让 Claude 按品牌视觉风格做演示稿或网站，给要快速出稿的人用。
- 生态
- Agent Skills
- Skill 分类
- 设计
- 创建者 / 机构
- Jack Roberts（GitHub 用户 ItsssssJack）
它是什么
power-design 是 Jack Roberts（GitHub 用户 ItsssssJack）做的一个 Claude Code Skill，可以做两种东西：演示稿和响应式网站，输出都是 HTML。它先问你做演示稿还是网站，再问用哪个品牌的风格：你可以贴一个网址，让它通过 Firecrawl 读出颜色、字体、logo 和语气；也可以从仓库自带的品牌风格库里挑一个；或者跳过，用中性的默认风格。它特别在哪：它把排版规则写成了带具体数值的清单，演示稿 20 条，网页 20 条，参考的是 Tufte、Krug、WCAG 2.2 等设计和无障碍资料，每份输出都要过这些检查。
亮点：
- 同一套品牌信息可以出演示稿也可以出网站
- 品牌风格库每个品牌一个 brand-style.md，记颜色、字体、语气和来源网址
- 可以用仓库里的模板加自己的品牌
- 网站规则包括移动端优先、加载速度预算和 WCAG 2.2 AA。
怎么用：
- 先运行 git clone https://github.com/ItsssssJack/power-design ~/.claude/skills/power-design
- 再在 Claude Code 里说 use power-design 加上你的需求，比如给某个网址的品牌做一份产品发布演示稿
- 最后在浏览器里打开生成的 slides.html 或 site.html，接着对话修改。
适合谁：
要做演示稿或落地页、希望成品统一好看的创作者、营销和产品团队。
使用前提：
- 要先装好 Claude Code。
- 贴网址提取品牌信息要用 Firecrawl 服务，会联网读取那个网址的页面。
- 品牌风格库里是各家公司的公开视觉风格，用别家品牌风格做对外物料前，请自己确认商标和使用规定。
- Claude 和 Firecrawl 的费用另算。
- 仓库有 MIT 许可证文件，另外写明 brands 文件夹的品牌风格内容来自 VoltAgent/awesome-design-md，原内容版权归原作者。
以上根据项目公开说明整理，本站没有实际测试。