shadcn/ui 用「一组可复制进项目的精美组件」重新定义了组件分发：开放代码、可组合接口、克制的中性默认样式。基础界面由 #111111 的近黑与白构成，绿色（#16A34A）作为主强调，琥珀（#D97706）与红色（#DC2626）承担警告与危险语义。适合追求干净、实用优先的现代 Web 界面。
React开发者工具现代极简
提示词模板
基础模板
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 编程工具使用。