design-logic
星标1
分支0
更新时间2026年4月25日 22:57
設計推理與生成邏輯(reasoning + design-system-gen)路由表
安装
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
文件资源管理器
3 个文件SKILL.md
readonly菜单
設計推理與生成邏輯(reasoning + design-system-gen)路由表
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
完整的網站開發指南,涵蓋 UI/UX 設計、React/Vue/Next.js 前端框架、Laravel/Node.js 後端、Coding Style 與互動式選擇精靈
Web 動畫(Framer Motion、GSAP、View Transitions API、Lottie)。CSS 動畫見 ui/no-ai-feel.md
REST API 與 GraphQL 設計規範指南
認證授權(Auth.js、Clerk、JWT/Cookie 安全、RBAC/ABAC)。不含 OAuth provider 細節
Laravel、Node.js、Django、FastAPI 後端框架指南
JavaScript、TypeScript、PHP、Python、CSS 代碼規範
| id | design_logic |
| name | design_logic |
| description | 設計推理與生成邏輯(reasoning + design-system-gen)路由表 |
本目錄為 SOP Phase 1(推理)與 Phase 2(設計系統生成)的核心檔案。
| 階段 | 檔案 | 用途 |
|---|---|---|
| Phase 1 | reasoning.md | 設計推理引擎(產出 Design Reasoning Block) |
| Phase 2 | design-system-gen.md | Master + Overrides 設計系統生成 |
設計推理、reasoning、design system、MASTER.md、設計決策、反模式過濾、token、CSS variables
用戶需求 → reasoning.md(產出 ASCII Block)
→ design-system-gen.md(產出 styles/design-system/MASTER.md)
→ 框架配置(tailwind.config / globals.css)映射 MASTER 變數
| # | 規則 |
|---|---|
| L1 | 寫 code 前必先輸出 Design Reasoning Block |
| L2 | 推理結果寫入 .agent/profile.json,避免重複觸發 |
| L3 | 過濾反模式(律師不用霓虹色、SaaS 不用 Times New Roman) |
| L4 | 同一專案只一份 MASTER.md,頁面差異用 pages/<name>.md 覆寫 |
| L5 | 不要在實作期發明新 hex / 字體大小,必須對應 MASTER |