メニュー
設計推理與生成邏輯（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 |