# Next.js 16 + shadcn/ui 构建独特的生产级界面，避免通用的“AI slop”美学。 ## 核心原则 1. **最小化噪音** \- 图标进行交流；过多的标签不会 2. **没有通用的 AI-UI** \- 避免紫色渐变、过多的阴影、可预测的布局 3. **上下文优于装饰** \- 每个元素都有一个目的 4. **主题一致性** \- 使用`globals.css`中的CSS变量，从不硬编码颜色 ## 快速入门 Bunx --bun shadcn@latest create --preset "https://ui.shadcn.com/init?base=radix&style=nova&baseColor=neutral&iconLibrary=lucide&font=geist-sans" --template next ## 组件规则 ### 页面结构 // page.tsx - 仅内容，无布局镶边导出默认函数 Page() { 返回（ <> <英雄部分/> <特点/> <感言/> ）； } //layout.tsx - 共享 UI（页眉、页脚、侧边栏）导出默认函数Layout({children}:{children:React.ReactNode}){ 返回（ <> <标题/> <主>{子} <页脚/> ）； } ### 客户端边界 * 仅在叶组件（最小边界）处“使用客户端” * Props 必须是可序列化的（数据或服务器操作，没有函数/类） * 通过“children”传递服务器内容 ### 导入别名始终使用“@/”别名（例如“@/lib/utils”）而不是相对路径（“../../lib/utils”）。 ### 风格融合从“@/lib/utils”导入{cn}；函数按钮({ className, ...props }) { return

Error 500 (Server Error)!!1500.That’s an error.There was an error. Please try again later.That’s all we know.

包含技能