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 提取設計元素。