Communitygithub.com

designedbytaiyab/Netcore-Design-System-3.0

適用於 Claude、Cursor 和 Lovable 的代理技能,強制在每個 AI 生成的 UI 上套用 Netcore 產品設計系統 — Manrope 字體、品牌藍色 #2F68E5、白色輸入框、8px 圓角、以及帶有 Netcore 令牌覆寫的 Untitled UI 組件結構。

Netcore-Design-System-3.0 是什麼?

此技能專為開發者與 AI 代理用戶設計,讓 Claude、Cursor 和 Lovable 等平台生成的 UI 自動遵循 Netcore 的產品設計系統。它強制使用 Manrope 字體、品牌藍色 (#2F68E5)、白色輸入框和 8px 圓角半徑,並以 Netcore 令牌覆寫 Untitled UI 組件結構,確保視覺一致性。對於使用 AI 輔助工具加速 UI 開發的團隊而言,此技能極為實用,能避免手動調整設計不符的問題,並大幅減少樣式錯誤。運作方式上,它透過明確的令牌對應和設計規則,在代理生成代碼時自動注入正確的 CSS 變數或樣式,讓輸出結果完全符合 Netcore 的設計系統規範。

相容平台✓Claude Code~Codex CLI✓Cursor
npx skills add designedbytaiyab/Netcore-Design-System-3.0

在你喜歡的 AI 中提問

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

說明文件

Netcore-Design-System-3.0 是做什麼的?

適用於 Claude、Cursor 和 Lovable 的代理技能,強制在每個 AI 生成的 UI 上套用 Netcore 產品設計系統 — Manrope 字體、品牌藍色 #2F68E5、白色輸入框、8px 圓角、以及帶有 Netcore 令牌覆寫的 Untitled UI 組件結構。

相關技能