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 |