Communitygithub.com

se7enclaude/se7en-clip

使用此技能來為 se7en (Download Everything & Upscale) 生成品牌統一的介面與素材,無論是正式產品或一次性原型/模型等。包含基本設計準則、色彩、字型、字體、素材以及 UI 套件元件,方便快速原型設計。

se7en-clip 是什麼?

此技能為 AI 代理(如 Claude Code、Cursor、Codex 等)提供了一套完整的設計系統,專門用於 se7en 品牌的 UI 與素材生成。它提供了品牌設計準則、色票、字型選擇、UI 元件庫以及一系列可複製的素材,讓代理能夠快速建立視覺一致的介面原型或正式產品程式碼。支援的平台包括所有可執行 AI 代理的開發環境,例如終端機、VS Code 擴充等。當使用者呼叫此技能而未提供具體方向時,代理會扮演專業設計師的角色,詢問需求後自行判斷輸出靜態 HTML 原型(將素材複製出來建立獨立 HTML 檔案)或是直接融入既有專案的生產級程式碼。如此一來,不僅能大幅減少設計溝通時間,也能確保所有視覺產出都嚴格遵循 se7en 的品牌規範。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/se7enclaude/se7en-clip/tree/HEAD/design-system

在你喜歡的 AI 中提問

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

說明文件

閱讀此技能內的 readme.md 檔案,並探索其他可用的檔案。

如果要建立視覺產出(簡報、模型、一次性原型等),請將素材複製出來,並建立靜態 HTML 檔案供使用者檢視。如果要處理正式產品程式碼,則可以複製素材並閱讀此處的規則,成為此品牌的設計專家。

若使用者未提供任何指引即呼叫此技能,請詢問他們想建立或設計什麼,提出一些問題,並扮演專業設計師的角色,根據需求輸出 HTML 原型 或 正式產品程式碼。

相關技能