Communitygithub.com

adaptive-machines/ai-design-workflow

三個階段的「探索、定義、交付」工作流程,能從 AI 編碼代理中產出獨特、工作室級別的 UI 設計,取代預設的「AI 模板」外觀。

ai-design-workflow 是什麼?

此技能(adaptive-machines/ai-design-workflow)提供一套結構化的三步驟流程——Discover(探索)、Define(定義)、Deliver(交付),旨在協助 AI 編碼代理(如 Claude Code、Cursor、Codex)產出與眾不同、工作室品質的 UI 設計,避免常見的「AI 模板」風格。當使用者要求設計或重新設計登陸頁面、行銷頁面、應用程式畫面、引導流程、儀表板、類似海報的網頁或遊戲 UI,並期望作品具有原創性、大膽、高級感,或表達出「不像是 AI 做的」時,即可啟動此技能。它也適用於疊代既有頁面(其佈局為標準的英雄左側/插圖右側模板),或當使用者希望將圖片或影片生成融入 UI 時。此工作流程涵蓋了種子字串隨機性、大膽的設計簡報、僅以截圖驅動的設計評論子代理循環、圖片/影片驅動的動態效果,以及最終的減法處理步驟。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/adaptive-machines/skills/tree/main/ai-design-workflow

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

ai-design-workflow 是做什麼的?

三個階段的「探索、定義、交付」工作流程,能從 AI 編碼代理中產出獨特、工作室級別的 UI 設計,取代預設的「AI 模板」外觀。每當使用者要求設計或重新設計登陸頁面、行銷頁面、應用程式畫面、引導流程、儀表板、類似海報的網頁或遊戲 UI,並希望作品看起來原創、大膽、高級,或「不像是 AI 做的」時,即可使用此技能,包括以下用語:「讓它獨特一點」、「看起來很普通」、「AI 味太重」、「千篇一律」、「設計得獨特一點」、「榨出創造力」、「design critic」、「critique loop」、「seed string」、「double diamond」,或「為什麼我的 AI 設計總是看起來一樣」。也適用於疊代現有頁面(其佈局為標準的英雄左側/插圖右側模板),或當使用者希望將圖片或影片生成融入 UI 時。涵蓋了種子字串隨機性、大膽的設計簡報、僅以截圖驅動的設計評論子代理循環、圖片/影片驅動的動態效果,以及最終的減法處理步驟。

相關技能