Communitygithub.com

raptor8134/raptor8134.github.io

使用此技能為 James Notley(材料工程師)生成具有品牌一致性的介面與素材,適用於作品集網站、PDF 簡報,或快速原型與模擬。包含核心設計準則、色彩系統、字體、素材與 UI Kit 元件。

raptor8134.github.io 是什麼?

此技能專為 James Notley(材料工程師)的個人品牌建立而生,涵蓋了從作品集網站到 PDF 簡報的完整視覺設計系統。它提供了設計準則、色彩、字型、圖示與 UI 元件,並支援兩種工作模式:一是用於快速瀏覽的靜態 HTML 原型,二是可直接整合至正式專案的生產級程式碼。當使用者單純呼叫技能而無明確方向時,它會引導進行需求訪談,並以專業設計師的角色產出對應的視覺產物。此技能特別適合需要頻繁迭代品牌呈現或快速產出展示素材的開發者與設計師。

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

在你喜歡的 AI 中提問

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

說明文件

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

若要建立視覺產物(如簡報、模擬圖、一次性原型等),請將素材複製出來,為使用者產生可瀏覽的靜態 HTML 檔案。若在處理正式專案程式碼,你也可以複製素材並遵循此處的規則,以成為該品牌的設計專家。

若使用者僅呼叫此技能而未提供具體方向,請詢問他們想要建立或設計的內容,並提出一些問題,然後以專家設計師的身份,根據需求產出 HTML 產物或正式程式碼。

相關技能