shadcn/ui 用「一組可複製進專案的精美元件」重新定義了元件分發：開放程式碼、可組合介面、克制的中性預設樣式。基礎介面由 #111111 的近黑與白構成，綠色（#16A34A）作為主強調，琥珀（#D97706）與紅色（#DC2626）承擔警告與危險語意。適合追求乾淨、實用優先的現代 Web 介面。
Shadcn現代極簡
提示詞範本
基礎範本
Design a Shadcn-inspired interface. Colors: #111111, #16A34A, #D97706, #DC2626 with #16A34A accent. Typography: #000000.
變體提示詞
📱 行動裝置
Design a mobile app with Shadcn aesthetics. Use Shadcn color identity with #16A34A accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Shadcn style. Use Shadcn color identity with #16A34A accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Shadcn design language. Use Shadcn color identity with #16A34A accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Shadcn visual identity. Use Shadcn color identity with #16A34A accents. Compelling, conversion-focused.
使用範例
Shadcn 應用程式
Web 端Build a web app with Shadcn design language and #16A34A color system.
Shadcn 儀表板
儀表板Create a dashboard using Shadcn style with data visualization and #000000 typography.
✅ 適用情境
- 極簡情境
- 現代 SaaS 介面
- 開發者工具文件
❌ 不適用情境
- 裝飾性強品牌頁
- 復古藝術網站
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。