Communitygithub.com

S1mpleCheeq/image2-figma-frontend

一個專為 Codex 設計的技能,提供審核後的圖片頁面預覽、可編輯的 Figma 設計稿及響應式前端實作。

image2-figma-frontend 是什麼?

這個技能旨在提升前端開發與設計協作效率。它允許使用者透過 Codex 將頁面截圖 (image2) 自動轉換為供審核的預覽版本、可編輯的 Figma 設計檔,並生成對應的響應式前端程式碼。支援的平台為 Codex,特別適合設計師與開發者間快速迭代 UI 的場景。運作方式基於 SKILL.md 文件中的指令集,透過圖像辨識與設計轉換技術,協助使用者從靜態圖片一路推進至可運作的前端實作,大幅減少手動轉稿與溝通時間。

相容平台~Claude Code✓Codex CLI~Cursor
npx skills add S1mpleCheeq/image2-figma-frontend

在你喜歡的 AI 中提問

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

說明文件

image2-figma-frontend 是做什麼的?

一個專為 Codex 設計的技能,提供審核後的圖片頁面預覽、可編輯的 Figma 設計稿及響應式前端實作。

相關技能