ItsssssJack/power-design

解决的问题

Power Design 解决了 AI 生成的演示文稿和网站看起来平庸或设计不佳的问题。它确保输出结果在视觉上与特定品牌身份保持一致，并基于客观、有研究支持的设计原则，而非随机的 AI 生成。

如何工作

它作为 Claude Code 的一个技能，遵循特定的工作流程：

1. 路由：用户选择生成演示文稿幻灯片或网站。
2. 品牌提取：通过 Firecrawl 从实时 URL 中提取「品牌 DNA」，或从包含 72 个以上预构建品牌系统的库中选择（例如 Apple、Stripe、Linear）。
3. 规则应用：应用两个编码规则手册之一，每个包含 20 个具体设计规则——一个用于幻灯片（基于 Tufte 和 Duarte 等专家），一个用于网页（基于 WCAG 2.2 和 Core Web Vitals 等标准）。
4. 生成：将品牌 DNA 与所选规则手册结合，生成响应式 HTML 文件（slides.html 或 site.html）。

适用人群

适用于需要快速生成符合严格可访问性、性能和视觉设计标准的专业、品牌一致的着陆页或演示文稿的 Claude Code 用户。

主要亮点

• 双路径输出：同时支持演示文稿幻灯片和完整响应式网站。
• 丰富的品牌库：包含 72 个以上预配置的品牌样式。
• 研究驱动：使用总计 40 个源自排版、可访问性和用户体验领域行业领袖的编码规则。
• 实时品牌抓取：可通过 Firecrawl 从任意 URL 提取设计元素。