@polymorphism-tech/morph-spec 7.9.0 → 7.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/README.md +4 -4
  2. package/bin/validate.js +379 -379
  3. package/claude-plugin.json +1 -1
  4. package/docs/CHEATSHEET.md +6 -2
  5. package/docs/QUICKSTART.md +4 -4
  6. package/framework/CLAUDE.md +1 -1
  7. package/framework/MORPH.md +2 -2
  8. package/framework/commands/commit.md +166 -166
  9. package/framework/commands/morph-infra.md +215 -215
  10. package/framework/commands/morph-preflight.md +205 -205
  11. package/framework/commands/morph-troubleshoot.md +124 -124
  12. package/framework/hooks/claude-code/statusline.py +679 -679
  13. package/framework/hooks/claude-code/statusline.sh +11 -11
  14. package/framework/hooks/git/commit-msg/conventional-commits.sh +33 -33
  15. package/framework/hooks/git/pre-commit/agents.sh +25 -25
  16. package/framework/hooks/git/pre-commit/orchestrator.sh +64 -64
  17. package/framework/hooks/git/pre-commit/specs.sh +50 -50
  18. package/framework/hooks/git/pre-push/run-tests.sh +44 -44
  19. package/framework/hooks/shared/activity-logger.js +160 -160
  20. package/framework/hooks/shared/hook-response.js +45 -45
  21. package/framework/hooks/shared/payload-utils.js +78 -78
  22. package/framework/hooks/shared/stdin-reader.js +26 -26
  23. package/framework/rubrics/backend.json +41 -41
  24. package/framework/rules/ai-agents-standards.md +45 -45
  25. package/framework/rules/dotnet-templates.md +86 -86
  26. package/framework/rules/frontend-standards.md +13 -13
  27. package/framework/rules/infrastructure-standards.md +27 -27
  28. package/framework/rules/neon-standards.md +25 -25
  29. package/framework/rules/nextjs-standards.md +20 -20
  30. package/framework/rules/nextjs-templates.md +40 -40
  31. package/framework/skills/core/create-umbraco-lp/SKILL.md +1 -1
  32. package/framework/skills/core/migrate-lp-to-umbraco/SKILL.md +1 -1
  33. package/framework/skills/core/morph-apply/SKILL.md +13 -8
  34. package/framework/skills/core/morph-brainstorming/SKILL.md +1 -1
  35. package/framework/skills/core/morph-eval/SKILL.md +1 -1
  36. package/framework/skills/core/morph-implement/SKILL.md +13 -8
  37. package/framework/skills/core/morph-plan/SKILL.md +1 -1
  38. package/framework/skills/core/morph-proposal/SKILL.md +1 -1
  39. package/framework/skills/core/morph-review/SKILL.md +10 -7
  40. package/framework/skills/core/morph-stack-scan/SKILL.md +1 -1
  41. package/framework/skills/core/morph-standards/SKILL.md +1 -1
  42. package/framework/standards/ai-agents/agent-session.md +160 -160
  43. package/framework/standards/ai-agents/batching.md +193 -193
  44. package/framework/standards/ai-agents/context-providers.md +188 -188
  45. package/framework/standards/ai-agents/mcp-server.md +250 -250
  46. package/framework/standards/ai-agents/mcp-tools.md +197 -197
  47. package/framework/standards/ai-agents/middleware-patterns.md +207 -207
  48. package/framework/standards/ai-agents/modalities-image-gen.md +173 -173
  49. package/framework/standards/ai-agents/modalities-speech-to-text.md +171 -171
  50. package/framework/standards/ai-agents/modalities-text-to-speech.md +181 -181
  51. package/framework/standards/ai-agents/modalities-vision.md +201 -201
  52. package/framework/standards/ai-agents/multi-agent-patterns.md +155 -155
  53. package/framework/standards/ai-agents/production.md +275 -275
  54. package/framework/standards/ai-agents/prompts-in-db.md +214 -214
  55. package/framework/standards/ai-agents/providers/model-registry.md +158 -158
  56. package/framework/standards/ai-agents/service-tier-flex.md +135 -135
  57. package/framework/standards/ai-agents/structured-output.md +249 -249
  58. package/framework/standards/ai-agents/sweet-spot.md +109 -109
  59. package/framework/templates/IDE-SNIPPETS.md +262 -262
  60. package/framework/templates/code/dotnet/abstractions/api-endpoint.cs +7 -7
  61. package/framework/templates/code/dotnet/ai-agents/AgentBootstrap.cs.template +39 -39
  62. package/framework/templates/code/dotnet/ai-agents/EmbeddingService.cs.template +68 -68
  63. package/framework/templates/code/dotnet/ai-agents/ModelRegistry.cs.template +117 -117
  64. package/framework/templates/code/dotnet/ai-agents/PromptRepository.cs.template +95 -95
  65. package/framework/templates/code/dotnet/ai-agents/ResilientToolMiddleware.cs.template +61 -61
  66. package/framework/templates/code/dotnet/ai-agents/VectorSearchTool.cs.template +107 -107
  67. package/framework/templates/code/dotnet/ai-agents/model-registry.json.template +58 -58
  68. package/framework/templates/code/dotnet/contracts/contracts-vsa.cs +281 -281
  69. package/framework/templates/code/dotnet/database/migration.cs +83 -83
  70. package/framework/templates/code/dotnet/feature/endpoint.cs.hbs +21 -21
  71. package/framework/templates/code/dotnet/feature/request.cs.hbs +4 -4
  72. package/framework/templates/code/dotnet/feature/response.cs.hbs +4 -4
  73. package/framework/templates/code/dotnet/feature/validator.cs.hbs +15 -15
  74. package/framework/templates/code/sql/ai-agents/agent-prompts-migration.sql.template +58 -58
  75. package/framework/templates/code/sql/ai-agents/pgvector-embeddings-migration.sql.template +91 -91
  76. package/framework/templates/code/typescript/contracts.ts +167 -167
  77. package/framework/templates/docs/clarifications.md +253 -253
  78. package/framework/templates/docs/schema-analysis.md +119 -119
  79. package/framework/templates/docs/ui-components.md +52 -52
  80. package/framework/templates/docs/ui-design-system.md +76 -76
  81. package/framework/templates/docs/ui-flows.md +167 -167
  82. package/framework/templates/docs/ui-mockups.md +98 -98
  83. package/framework/templates/feature/decisions.md +122 -122
  84. package/framework/templates/frontend/nextjs/Dockerfile.nextjs.hbs +43 -43
  85. package/framework/templates/frontend/nextjs/client-component.tsx.hbs +26 -26
  86. package/framework/templates/frontend/nextjs/env.mjs.hbs +32 -32
  87. package/framework/templates/frontend/nextjs/feature-form.tsx.hbs +56 -56
  88. package/framework/templates/frontend/nextjs/page.tsx.hbs +22 -22
  89. package/framework/templates/frontend/nextjs/tsconfig.json.hbs +26 -26
  90. package/framework/templates/frontend/nextjs/use-feature.ts.hbs +54 -54
  91. package/framework/templates/infrastructure/docker/Dockerfile.template +58 -58
  92. package/framework/templates/infrastructure/docker/docker-compose.template.yml +50 -50
  93. package/framework/templates/infrastructure/docker/dockerfile-api.dockerfile +38 -38
  94. package/framework/templates/infrastructure/docker/dockerfile-web.dockerfile +48 -48
  95. package/framework/templates/infrastructure/github/README.md +56 -56
  96. package/framework/templates/infrastructure/github/actions/docker-build-push/action.yml.hbs +45 -45
  97. package/framework/templates/infrastructure/github/actions/health-check/action.yml.hbs +27 -27
  98. package/framework/templates/infrastructure/github/workflows/docker-build-push.yml.hbs +59 -59
  99. package/framework/templates/infrastructure/github/workflows/dotnet-build.yml.hbs +39 -39
  100. package/framework/templates/integrations/asaas-client.cs +387 -387
  101. package/framework/templates/integrations/asaas-webhook.cs +351 -351
  102. package/framework/templates/meta-prompts/fusion/fusion-agent.md +76 -76
  103. package/framework/templates/meta-prompts/fusion/fusion-aggregator.md +100 -100
  104. package/framework/templates/meta-prompts/parallel-workers/parallel-coordinator.md +113 -113
  105. package/framework/templates/meta-prompts/validators/pre-commit-validator.md +95 -95
  106. package/framework/templates/project/validate.js +120 -120
  107. package/framework/templates/state.template.json +17 -17
  108. package/framework/templates/ui/design-system.css +226 -226
  109. package/package.json +2 -1
  110. package/src/commands/dashboard/dashboard.js +53 -53
  111. package/src/commands/index.js +13 -13
  112. package/src/commands/mcp/mcp-setup.js +519 -519
  113. package/src/commands/project/checkpoint.js +209 -209
  114. package/src/commands/project/doctor.js +1 -1
  115. package/src/commands/project/update.js +4 -1
  116. package/src/core/state/phase-state-machine.js +197 -197
  117. package/src/core/templates/template-renderer.js +477 -477
  118. package/src/dashboard/app/components/DetailPanel.jsx +11 -11
  119. package/src/dashboard/app/components/FlowGraph.jsx +17 -17
  120. package/src/dashboard/app/components/SearchFilter.jsx +22 -22
  121. package/src/dashboard/app/hooks/useDetailPanel.js +15 -15
  122. package/src/dashboard/app/main.jsx +13 -13
  123. package/src/dashboard/app/pages/AgentMap.jsx +370 -370
  124. package/src/dashboard/app/pages/HookInspector.jsx +418 -418
  125. package/src/dashboard/app/pages/LiveState.jsx +239 -239
  126. package/src/dashboard/app/pages/PhasePipeline.jsx +408 -408
  127. package/src/dashboard/app/pages/RulesMap.jsx +273 -273
  128. package/src/dashboard/app/pages/SkillsLibrary.jsx +366 -366
  129. package/src/dashboard/app/pages/Standards.jsx +332 -332
  130. package/src/dashboard/app/styles/index.css +47 -47
  131. package/src/dashboard/index.html +12 -12
  132. package/src/dashboard/package.json +24 -24
  133. package/src/dashboard/scanner/hooks-scanner.js +41 -41
  134. package/src/dashboard/scanner/phases-scanner.js +15 -15
  135. package/src/dashboard/scanner/rubrics-scanner.js +12 -12
  136. package/src/dashboard/scanner/rules-scanner.js +37 -37
  137. package/src/dashboard/scanner/skills-scanner.js +43 -43
  138. package/src/dashboard/scanner/squads-scanner.js +13 -13
  139. package/src/dashboard/scanner/standards-scanner.js +26 -26
  140. package/src/dashboard/vite-plugin-morph-data.js +17 -17
  141. package/src/dashboard/vite.config.js +24 -24
  142. package/src/lib/agents/metrics-aggregator.js +56 -56
  143. package/src/lib/agents/metrics-calculator.js +125 -125
  144. package/src/lib/agents/output-collector.js +73 -73
  145. package/src/lib/detectors/claude-config-detector.js +152 -152
  146. package/src/lib/detectors/design-system-detector.js +231 -231
  147. package/src/lib/detectors/index.js +217 -217
  148. package/src/lib/generators/architecture-scanner.js +639 -639
  149. package/src/lib/generators/design-system-generator.js +508 -508
  150. package/src/lib/generators/index.js +13 -13
  151. package/src/lib/generators/settings-generator.js +209 -209
  152. package/src/lib/hooks/hook-executor.js +167 -167
  153. package/src/lib/installers/mcp-installer.js +719 -719
  154. package/src/lib/tasks/task-classifier.js +30 -30
  155. package/src/lib/tasks/task-parser.js +209 -209
  156. package/src/lib/tasks/test-runner.js +81 -81
  157. package/src/lib/validators/architecture/architecture-validator.js +259 -259
  158. package/src/lib/validators/checkpoint-persistence.js +39 -39
  159. package/src/lib/validators/contracts/contract-compliance-validator.js +274 -274
  160. package/src/lib/validators/css/css-validator.js +340 -340
  161. package/src/lib/validators/packages/package-validator.js +347 -347
  162. package/src/lib/validators/shared/emit-validator-dispatch.js +14 -14
  163. package/src/lib/validators/shared/issue-counter.js +14 -14
  164. package/src/lib/validators/validation-runner.js +349 -349
  165. package/src/scripts/setup-infra.js +385 -385
  166. package/src/utils/agent-id-mapper.js +11 -11
  167. package/src/utils/claude-settings-manager.js +300 -300
  168. package/src/utils/skills-installer.js +174 -174
  169. package/src/utils/version-checker.js +2 -2
  170. package/framework/templates/.idea/morph-templates.xml +0 -92
  171. package/framework/templates/.vscode/morph-templates.code-snippets +0 -186
@@ -1,119 +1,119 @@
1
- # Schema Analysis - {{FEATURE_NAME_TITLE}}
2
-
3
- **Feature**: {{FEATURE_NAME}}
4
- **Date**: {{DATE}}
5
- **Method**: {{#if method}}{{method}}{{else}}Manual Code Analysis{{/if}}
6
- **Analyzed By**: {{AUTHOR}}
7
-
8
- ---
9
-
10
- ## Summary
11
-
12
- **Tables Analyzed**: {{#if tableCount}}{{tableCount}}{{else}}0{{/if}}
13
- **Code Files Scanned**: {{#if fileCount}}{{fileCount}}{{else}}0{{/if}}
14
- **MCP Tools Used**: {{#if mcpUsed}}{{mcpUsed}}{{else}}No (manual analysis){{/if}}
15
-
16
- ---
17
-
18
- ## Tables Analyzed
19
-
20
- {{#each tables}}
21
- ### Table: {{this.name}}
22
-
23
- **Source:**
24
- {{#if this.mcpSource}}- MCP: {{this.mcpSource}}{{/if}}
25
- {{#if this.codeSource}}- Code: {{this.codeSource}}{{/if}}
26
-
27
- **Columns:**
28
- | Column Name | Type | Nullable | Default | Notes |
29
- |------------|------|----------|---------|-------|
30
- {{#each this.columns}}
31
- | {{this.name}} | {{this.type}} | {{#if this.nullable}}YES{{else}}NO{{/if}} | {{#if this.default}}{{this.default}}{{else}}-{{/if}} | {{#if this.notes}}{{this.notes}}{{else}}-{{/if}} |
32
- {{/each}}
33
-
34
- **Relationships:**
35
- {{#each this.relationships}}
36
- - {{this.description}}
37
- {{/each}}
38
-
39
- **Indexes:**
40
- {{#each this.indexes}}
41
- - {{this.description}}
42
- {{/each}}
43
-
44
- ---
45
- {{/each}}
46
-
47
- ## ⚠️ CRITICAL FINDINGS
48
-
49
- ### Field Name Mismatches (MUST FIX)
50
-
51
- {{#if fieldMismatches}}
52
- {{#each fieldMismatches}}
53
- - ❌ {{this.description}}
54
- {{/each}}
55
- {{else}}
56
- ✅ No field name mismatches found
57
- {{/if}}
58
-
59
- ### Type Mismatches
60
-
61
- {{#if typeMismatches}}
62
- {{#each typeMismatches}}
63
- - ⚠️ {{this.description}}
64
- {{/each}}
65
- {{else}}
66
- ✅ No type mismatches found
67
- {{/if}}
68
-
69
- ### Relationship Corrections
70
-
71
- {{#if relationshipIssues}}
72
- {{#each relationshipIssues}}
73
- - ⚠️ {{this.description}}
74
- {{/each}}
75
- {{else}}
76
- ✅ All relationships correctly identified
77
- {{/if}}
78
-
79
- ---
80
-
81
- ## Recommendations for contracts.cs
82
-
83
- Based on real schema analysis:
84
-
85
- \`\`\`csharp
86
- {{#each dtoRecommendations}}
87
- // {{this.tableName}} → {{this.dtoName}}
88
- public record {{this.dtoName}}(
89
- {{#each this.fields}}
90
- {{this.type}} {{this.name}}{{#if this.nullable}}?{{/if}}{{#unless @last}},{{/unless}} // {{#if this.comment}}{{this.comment}}{{/if}}
91
- {{/each}}
92
- );
93
-
94
- {{/each}}
95
- \`\`\`
96
-
97
- ---
98
-
99
- ## Analysis Notes
100
-
101
- {{#if notes}}
102
- {{notes}}
103
- {{else}}
104
- _No additional notes._
105
- {{/if}}
106
-
107
- ---
108
-
109
- ## Next Steps
110
-
111
- - [ ] Verify schema analysis with stakeholders
112
- - [ ] Generate `contracts.cs` using real field names
113
- - [ ] Update `spec.md` data model section with findings
114
- - [ ] Document any schema migrations needed in `decisions.md`
115
-
116
- ---
117
-
118
- *Generated by MORPH-SPEC v{{FRAMEWORK_VERSION}}*
119
- *Schema analysis helps prevent DTO field name mismatches and ensures contracts match real database schema*
1
+ # Schema Analysis - {{FEATURE_NAME_TITLE}}
2
+
3
+ **Feature**: {{FEATURE_NAME}}
4
+ **Date**: {{DATE}}
5
+ **Method**: {{#if method}}{{method}}{{else}}Manual Code Analysis{{/if}}
6
+ **Analyzed By**: {{AUTHOR}}
7
+
8
+ ---
9
+
10
+ ## Summary
11
+
12
+ **Tables Analyzed**: {{#if tableCount}}{{tableCount}}{{else}}0{{/if}}
13
+ **Code Files Scanned**: {{#if fileCount}}{{fileCount}}{{else}}0{{/if}}
14
+ **MCP Tools Used**: {{#if mcpUsed}}{{mcpUsed}}{{else}}No (manual analysis){{/if}}
15
+
16
+ ---
17
+
18
+ ## Tables Analyzed
19
+
20
+ {{#each tables}}
21
+ ### Table: {{this.name}}
22
+
23
+ **Source:**
24
+ {{#if this.mcpSource}}- MCP: {{this.mcpSource}}{{/if}}
25
+ {{#if this.codeSource}}- Code: {{this.codeSource}}{{/if}}
26
+
27
+ **Columns:**
28
+ | Column Name | Type | Nullable | Default | Notes |
29
+ |------------|------|----------|---------|-------|
30
+ {{#each this.columns}}
31
+ | {{this.name}} | {{this.type}} | {{#if this.nullable}}YES{{else}}NO{{/if}} | {{#if this.default}}{{this.default}}{{else}}-{{/if}} | {{#if this.notes}}{{this.notes}}{{else}}-{{/if}} |
32
+ {{/each}}
33
+
34
+ **Relationships:**
35
+ {{#each this.relationships}}
36
+ - {{this.description}}
37
+ {{/each}}
38
+
39
+ **Indexes:**
40
+ {{#each this.indexes}}
41
+ - {{this.description}}
42
+ {{/each}}
43
+
44
+ ---
45
+ {{/each}}
46
+
47
+ ## ⚠️ CRITICAL FINDINGS
48
+
49
+ ### Field Name Mismatches (MUST FIX)
50
+
51
+ {{#if fieldMismatches}}
52
+ {{#each fieldMismatches}}
53
+ - ❌ {{this.description}}
54
+ {{/each}}
55
+ {{else}}
56
+ ✅ No field name mismatches found
57
+ {{/if}}
58
+
59
+ ### Type Mismatches
60
+
61
+ {{#if typeMismatches}}
62
+ {{#each typeMismatches}}
63
+ - ⚠️ {{this.description}}
64
+ {{/each}}
65
+ {{else}}
66
+ ✅ No type mismatches found
67
+ {{/if}}
68
+
69
+ ### Relationship Corrections
70
+
71
+ {{#if relationshipIssues}}
72
+ {{#each relationshipIssues}}
73
+ - ⚠️ {{this.description}}
74
+ {{/each}}
75
+ {{else}}
76
+ ✅ All relationships correctly identified
77
+ {{/if}}
78
+
79
+ ---
80
+
81
+ ## Recommendations for contracts.cs
82
+
83
+ Based on real schema analysis:
84
+
85
+ \`\`\`csharp
86
+ {{#each dtoRecommendations}}
87
+ // {{this.tableName}} → {{this.dtoName}}
88
+ public record {{this.dtoName}}(
89
+ {{#each this.fields}}
90
+ {{this.type}} {{this.name}}{{#if this.nullable}}?{{/if}}{{#unless @last}},{{/unless}} // {{#if this.comment}}{{this.comment}}{{/if}}
91
+ {{/each}}
92
+ );
93
+
94
+ {{/each}}
95
+ \`\`\`
96
+
97
+ ---
98
+
99
+ ## Analysis Notes
100
+
101
+ {{#if notes}}
102
+ {{notes}}
103
+ {{else}}
104
+ _No additional notes._
105
+ {{/if}}
106
+
107
+ ---
108
+
109
+ ## Next Steps
110
+
111
+ - [ ] Verify schema analysis with stakeholders
112
+ - [ ] Generate `contracts.cs` using real field names
113
+ - [ ] Update `spec.md` data model section with findings
114
+ - [ ] Document any schema migrations needed in `decisions.md`
115
+
116
+ ---
117
+
118
+ *Generated by MORPH-SPEC v{{FRAMEWORK_VERSION}}*
119
+ *Schema analysis helps prevent DTO field name mismatches and ensures contracts match real database schema*
@@ -1,52 +1,52 @@
1
- # UI Components: {{titleCase FEATURE_NAME}}
2
-
3
- | Field | Value |
4
- |-------|-------|
5
- | **Feature** | {{FEATURE_NAME}} |
6
- | **Created** | {{DATE}} |
7
- | **Stack** | {{STACK}} |
8
-
9
- ---
10
-
11
- {{#if (eq STACK "nextjs-neon")}}
12
- ## Component Library: shadcn/ui
13
-
14
- ### C001: Button
15
-
16
- ```tsx
17
- import { Button } from '@/components/ui/button';
18
-
19
- <Button onClick={handleSave} disabled={!isValid}>
20
- Save
21
- </Button>
22
- ```
23
-
24
- ### C002: Data Table
25
-
26
- ```tsx
27
- import { DataTable } from '@/components/ui/data-table';
28
-
29
- <DataTable columns={columns} data={items} />
30
- ```
31
-
32
- {{/if}}
33
-
34
- ---
35
-
36
- ## Form Validation
37
-
38
- | Field | Rule | Error Message |
39
- |-------|------|---------------|
40
- | **Name** | Required, max 100 | "Name is required" |
41
- | **Email** | Valid email | "Invalid email" |
42
-
43
- ---
44
-
45
- ## Accessibility
46
- - [ ] All inputs have labels
47
- - [ ] Error messages announced
48
- - [ ] Keyboard navigation works
49
-
50
- ---
51
-
52
- *Generated with MORPH Framework*
1
+ # UI Components: {{titleCase FEATURE_NAME}}
2
+
3
+ | Field | Value |
4
+ |-------|-------|
5
+ | **Feature** | {{FEATURE_NAME}} |
6
+ | **Created** | {{DATE}} |
7
+ | **Stack** | {{STACK}} |
8
+
9
+ ---
10
+
11
+ {{#if (eq STACK "nextjs-neon")}}
12
+ ## Component Library: shadcn/ui
13
+
14
+ ### C001: Button
15
+
16
+ ```tsx
17
+ import { Button } from '@/components/ui/button';
18
+
19
+ <Button onClick={handleSave} disabled={!isValid}>
20
+ Save
21
+ </Button>
22
+ ```
23
+
24
+ ### C002: Data Table
25
+
26
+ ```tsx
27
+ import { DataTable } from '@/components/ui/data-table';
28
+
29
+ <DataTable columns={columns} data={items} />
30
+ ```
31
+
32
+ {{/if}}
33
+
34
+ ---
35
+
36
+ ## Form Validation
37
+
38
+ | Field | Rule | Error Message |
39
+ |-------|------|---------------|
40
+ | **Name** | Required, max 100 | "Name is required" |
41
+ | **Email** | Valid email | "Invalid email" |
42
+
43
+ ---
44
+
45
+ ## Accessibility
46
+ - [ ] All inputs have labels
47
+ - [ ] Error messages announced
48
+ - [ ] Keyboard navigation works
49
+
50
+ ---
51
+
52
+ *Generated with MORPH Framework*
@@ -1,76 +1,76 @@
1
- # UI Design System: {{titleCase FEATURE_NAME}}
2
-
3
- | Field | Value |
4
- |-------|-------|
5
- | **Feature** | {{FEATURE_NAME}} |
6
- | **Created** | {{DATE}} |
7
- | **Project** | {{PROJECT_NAME}} |
8
-
9
- ---
10
-
11
- ## Color Palette
12
-
13
- ### Primary Colors
14
- | Token | Value | Usage |
15
- |-------|-------|-------|
16
- | `--color-primary` | #0078D4 | Primary actions, links |
17
- | `--color-primary-hover` | #106EBE | Hover states |
18
-
19
- ### Semantic Colors
20
- | Token | Value | Usage |
21
- |-------|-------|-------|
22
- | `--color-success` | #107C10 | Success states |
23
- | `--color-warning` | #F7630C | Warnings |
24
- | `--color-error` | #D13438 | Errors |
25
-
26
- ---
27
-
28
- ## Typography
29
-
30
- | Token | Size | Weight | Usage |
31
- |-------|------|--------|-------|
32
- | `--text-h1` | 24px | 600 | Section headers |
33
- | `--text-body` | 14px | 400 | Body text |
34
- | `--text-caption` | 12px | 400 | Labels |
35
-
36
- ---
37
-
38
- ## Spacing
39
-
40
- | Token | Value | Usage |
41
- |-------|-------|-------|
42
- | `--space-sm` | 8px | Compact spacing |
43
- | `--space-md` | 16px | Standard spacing |
44
- | `--space-lg` | 24px | Wide spacing |
45
-
46
- ---
47
-
48
- ## Components
49
-
50
- ### Buttons
51
- - **Primary**: `--color-primary` background, white text
52
- - **Secondary**: Transparent, `--color-primary` border
53
- - **Sizes**: Small (24px), Medium (32px), Large (40px)
54
-
55
- ### Forms
56
- - **Input height**: 32px
57
- - **Focus**: 2px solid `--color-primary`
58
- - **Error**: 1px solid `--color-error`
59
-
60
- ---
61
-
62
- ## Accessibility
63
- - [ ] 4.5:1 contrast ratio (WCAG AA)
64
- - [ ] Touch targets minimum 44x44px
65
- - [ ] Keyboard navigation supported
66
-
67
- ---
68
-
69
- ## Responsive Breakpoints
70
- - **Mobile**: < 768px
71
- - **Tablet**: 768px - 1199px
72
- - **Desktop**: ≥ 1200px
73
-
74
- ---
75
-
76
- *Generated with MORPH Framework*
1
+ # UI Design System: {{titleCase FEATURE_NAME}}
2
+
3
+ | Field | Value |
4
+ |-------|-------|
5
+ | **Feature** | {{FEATURE_NAME}} |
6
+ | **Created** | {{DATE}} |
7
+ | **Project** | {{PROJECT_NAME}} |
8
+
9
+ ---
10
+
11
+ ## Color Palette
12
+
13
+ ### Primary Colors
14
+ | Token | Value | Usage |
15
+ |-------|-------|-------|
16
+ | `--color-primary` | #0078D4 | Primary actions, links |
17
+ | `--color-primary-hover` | #106EBE | Hover states |
18
+
19
+ ### Semantic Colors
20
+ | Token | Value | Usage |
21
+ |-------|-------|-------|
22
+ | `--color-success` | #107C10 | Success states |
23
+ | `--color-warning` | #F7630C | Warnings |
24
+ | `--color-error` | #D13438 | Errors |
25
+
26
+ ---
27
+
28
+ ## Typography
29
+
30
+ | Token | Size | Weight | Usage |
31
+ |-------|------|--------|-------|
32
+ | `--text-h1` | 24px | 600 | Section headers |
33
+ | `--text-body` | 14px | 400 | Body text |
34
+ | `--text-caption` | 12px | 400 | Labels |
35
+
36
+ ---
37
+
38
+ ## Spacing
39
+
40
+ | Token | Value | Usage |
41
+ |-------|-------|-------|
42
+ | `--space-sm` | 8px | Compact spacing |
43
+ | `--space-md` | 16px | Standard spacing |
44
+ | `--space-lg` | 24px | Wide spacing |
45
+
46
+ ---
47
+
48
+ ## Components
49
+
50
+ ### Buttons
51
+ - **Primary**: `--color-primary` background, white text
52
+ - **Secondary**: Transparent, `--color-primary` border
53
+ - **Sizes**: Small (24px), Medium (32px), Large (40px)
54
+
55
+ ### Forms
56
+ - **Input height**: 32px
57
+ - **Focus**: 2px solid `--color-primary`
58
+ - **Error**: 1px solid `--color-error`
59
+
60
+ ---
61
+
62
+ ## Accessibility
63
+ - [ ] 4.5:1 contrast ratio (WCAG AA)
64
+ - [ ] Touch targets minimum 44x44px
65
+ - [ ] Keyboard navigation supported
66
+
67
+ ---
68
+
69
+ ## Responsive Breakpoints
70
+ - **Mobile**: < 768px
71
+ - **Tablet**: 768px - 1199px
72
+ - **Desktop**: ≥ 1200px
73
+
74
+ ---
75
+
76
+ *Generated with MORPH Framework*