Communitygithub.com

whmc76/design-first-frontend

專為 Codex 設計的技能外掛,透過圖片生成驅動的前端設計到程式碼實作。

design-first-frontend 是什麼?

這個「設計優先前端」技能主要用於 OpenAI Codex 平台,採用「圖片生成驅動」的工作流程,將前端設計直接轉化為程式碼。開發者可以透過提供設計圖片或描述,讓 AI 生成對應的 HTML、CSS 或 JavaScript 程式碼,大幅縮短從設計到實作的時間。此技能特別適合快速原型開發、設計稿驗證,以及自動化生成 UI 元件。支援常見的前端框架與響應式設計模式,有助於維持設計一致性並提升開發效率。

相容平台~Claude Code✓Codex CLI~Cursor
npx skills add whmc76/design-first-frontend

在你喜歡的 AI 中提問

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

說明文件

design-first-frontend 是做什麼的?

專為 Codex 設計的技能外掛,透過圖片生成驅動的前端設計到程式碼實作。

相關技能