Frontend Design
customware-ai/skills/skills/frontend-design作者 customware-ai49fa8b5a23a2無授權條款2 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫9 天前更新
Strict frontend design guardrails for building modern, minimal-visual-noise, airy, non-generic app UIs. Use whenever creating or changing frontend UI, React components, shadcn/ui themes, Tailwind styles, app layouts, or first-version product screens. This skill complements vertical/domain skills like CPQ, CRM, and similar app builders: follow the selected domain skill's workflow and layout requirements, then enforce this skill's shared visual rules for brand-aware theming, generous spacing, typography, contrast, roundedness, shadows, surface hierarchy, cardless defaults, no-sidebar defaults, and anti-pattern avoidance.
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| references/shadcn-setup-and-theming.md | 12.9 KB | text/markdown |
| references/visual-style-references.md | 12.9 KB | text/markdown |
| SKILL.md | 18.5 KB | text/markdown |
來源與署名
來源：customware-ai/skills位於skills/frontend-design提交49fa8b5
授權條款： 無授權條款
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 customware-ai/skills 的技能
Trades Builder
customware-ai
定義如何依據 DOMAIN.md 建構建築與現場服務業營運工具的版面、設定結構與對應規則。
Playwright In Sandbox
customware-ai
規範沙箱網頁應用程式的 Playwright 瀏覽器驗證與確定性端對端測試撰寫。
Customware Support Widget
customware-ai
在 React Router 純客戶端 SPA 範本中加入並設定 Customware 支援聊天元件。
Domain Context
customware-ai
為業務應用建立並維護一份跨 AI 工作階段持續累積的領域知識庫檔案。
Cpq Builder
customware-ai
定義 CPQ（配置-定價-報價）模式，用來把 DOMAIN.md 轉成報價或計算機原型。
Crm Builder
customware-ai
定義 CRM 的區塊版面、實體檢視與對應規則，用來把 DOMAIN.md 轉換成 CRM 原型。