完善

.trae/rules/design-ui.md

@@ -11,23 +11,6 @@
 如果需要改布局：
 必须重构整体 layout，
 不能只修改一个组件。
-🏗 二、标准项目结构（强烈推荐）
-
-让 AI 按这个结构生成代码：
-
-/src
-  /layout
-  /components
-  /pages
-  /styles
-  /design-system
-
-Prompt 加一句：
-
-请按以下结构组织代码：
-layout / components / pages / styles。
-
-
 
 
 
@@ -35,21 +18,10 @@ layout / components / pages / styles。
 禁止自定义颜色。
 必须使用 CSS 变量或主题系统。
 
-例如：
-
-:root {
-  --primary: #2563eb;
-  --background: #f8fafc;
-  --text: #0f172a;
-}
-📱 四、响应式统一规则模板
 
 如果页面需要适配：
-
 移动端 + 平板 + 桌面
 
-加这段：
-
 必须使用响应式设计。
 
 断点：
@@ -72,15 +44,7 @@ layout / components / pages / styles。
 不需要 mobile 适配。
 不需要 media query。
 
-这样 AI 不会乱写。
 
-🔄 六、防止 AI 只改局部的“强制整体重构模板”
-
-这是你刚才说的核心问题。
-
-用这个：
-
-如果需要修改布局：
 
 1. 先分析当前整个页面结构
 2. 输出完整布局结构图
@@ -88,11 +52,8 @@ layout / components / pages / styles。
 4. 然后一次性修改所有相关区域
 5. 禁止只修改单个组件
 
-这句话非常关键。
-
 🧩 七、强制布局骨架（最稳定方式）
 
-让 AI 必须使用这种结构：
 
 App
  ├ Header
@@ -100,8 +61,6 @@ App
  ├ Main
  └ Footer
 
-Prompt：
-
 页面必须采用标准 App Layout 结构。
 main 区域负责滚动。
 header 和 sidebar 为固定结构。
@@ -113,7 +72,6 @@ header 和 sidebar 为固定结构。
 - 使用 margin 负值修复结构
 🧱 九、AI 写页面的标准流程（最重要）
 
-以后让 AI 改布局，一定这样写：
 
 步骤：
 
@@ -122,30 +80,15 @@ header 和 sidebar 为固定结构。
 3. 等我确认
 4. 再修改代码
 
-这样可以避免：
 
-无限循环改局部
-
-进度为 0
-
-越改越乱
-
-🚀 十、真正专业团队的做法
-
-大型团队通常会：
 
 1️⃣ 先写 Design System
 2️⃣ 再写 Layout System
 3️⃣ 再写 Component Library
 4️⃣ 最后写 Pages
 
-AI 也必须按这个顺序。
 
-💎 十一、终极万能 Prompt（推荐收藏）
 
-你可以直接用这个：
-
-请作为高级前端架构师开发页面。
 
 要求：
 
@@ -161,7 +104,6 @@ AI 也必须按这个顺序。
 - 代码必须可维护
 🎯 最后总结
 
-解决你所有问题的核心只有三句话：
 
 Layout First
 Design System First