owflow 0.1.4 → 0.1.5
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.
- package/dist/commands/diagrams-mermaid.md +37 -0
- package/dist/commands/html-renderer.md +37 -0
- package/dist/skills/development/SKILL.md +15 -0
- package/dist/skills/diagrams-mermaid/SKILL.md +156 -0
- package/dist/skills/diagrams-mermaid/references/reference.md +148 -0
- package/dist/skills/flow-init/SKILL.md +15 -0
- package/dist/skills/html-renderer/SKILL.md +159 -0
- package/dist/skills/html-renderer/references/index.html +318 -0
- package/dist/skills/html-renderer/references/styles.css +388 -0
- package/dist/skills/html-renderer/references/tokens.json +104 -0
- package/dist/skills/migration/SKILL.md +12 -0
- package/dist/skills/performance/SKILL.md +12 -0
- package/dist/skills/research/SKILL.md +8 -0
- package/package.json +1 -1
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
{
|
|
2
|
+
"meta": {
|
|
3
|
+
"name": "html-renderer-tokens",
|
|
4
|
+
"version": "1.0.0",
|
|
5
|
+
"description": "Global visual tokens for markdown to HTML rendering."
|
|
6
|
+
},
|
|
7
|
+
"colors": {
|
|
8
|
+
"primary": "#cc785c",
|
|
9
|
+
"primaryActive": "#a9583e",
|
|
10
|
+
"primaryDisabled": "#e6dfd8",
|
|
11
|
+
"ink": "#141413",
|
|
12
|
+
"body": "#3d3d3a",
|
|
13
|
+
"bodyStrong": "#252523",
|
|
14
|
+
"muted": "#6c6a64",
|
|
15
|
+
"mutedSoft": "#8e8b82",
|
|
16
|
+
"hairline": "#e6dfd8",
|
|
17
|
+
"hairlineSoft": "#ebe6df",
|
|
18
|
+
"canvas": "#faf9f5",
|
|
19
|
+
"surfaceSoft": "#f5f0e8",
|
|
20
|
+
"surfaceCard": "#efe9de",
|
|
21
|
+
"surfaceCreamStrong": "#e8e0d2",
|
|
22
|
+
"surfaceDark": "#181715",
|
|
23
|
+
"surfaceDarkElevated": "#252320",
|
|
24
|
+
"surfaceDarkSoft": "#1f1e1b",
|
|
25
|
+
"onPrimary": "#ffffff",
|
|
26
|
+
"onDark": "#faf9f5",
|
|
27
|
+
"onDarkSoft": "#a09d96",
|
|
28
|
+
"accentTeal": "#5db8a6",
|
|
29
|
+
"accentAmber": "#e8a55a",
|
|
30
|
+
"success": "#5db872",
|
|
31
|
+
"warning": "#d4a017",
|
|
32
|
+
"error": "#c64545"
|
|
33
|
+
},
|
|
34
|
+
"spacing": {
|
|
35
|
+
"xxs": "4px",
|
|
36
|
+
"xs": "8px",
|
|
37
|
+
"sm": "12px",
|
|
38
|
+
"md": "16px",
|
|
39
|
+
"lg": "24px",
|
|
40
|
+
"xl": "32px",
|
|
41
|
+
"xxl": "48px",
|
|
42
|
+
"section": "96px"
|
|
43
|
+
},
|
|
44
|
+
"radius": {
|
|
45
|
+
"xs": "4px",
|
|
46
|
+
"sm": "6px",
|
|
47
|
+
"md": "8px",
|
|
48
|
+
"lg": "12px",
|
|
49
|
+
"xl": "16px",
|
|
50
|
+
"pill": "9999px",
|
|
51
|
+
"full": "9999px"
|
|
52
|
+
},
|
|
53
|
+
"typography": {
|
|
54
|
+
"displayXl": {
|
|
55
|
+
"fontFamily": "\"Copernicus\", \"Tiempos Headline\", \"Cormorant Garamond\", \"EB Garamond\", Georgia, serif",
|
|
56
|
+
"fontSize": "64px",
|
|
57
|
+
"fontWeight": 400,
|
|
58
|
+
"lineHeight": 1.05,
|
|
59
|
+
"letterSpacing": "-1.5px"
|
|
60
|
+
},
|
|
61
|
+
"displayLg": {
|
|
62
|
+
"fontFamily": "\"Copernicus\", \"Tiempos Headline\", \"Cormorant Garamond\", \"EB Garamond\", Georgia, serif",
|
|
63
|
+
"fontSize": "48px",
|
|
64
|
+
"fontWeight": 400,
|
|
65
|
+
"lineHeight": 1.1,
|
|
66
|
+
"letterSpacing": "-1px"
|
|
67
|
+
},
|
|
68
|
+
"displayMd": {
|
|
69
|
+
"fontFamily": "\"Copernicus\", \"Tiempos Headline\", \"Cormorant Garamond\", \"EB Garamond\", Georgia, serif",
|
|
70
|
+
"fontSize": "36px",
|
|
71
|
+
"fontWeight": 400,
|
|
72
|
+
"lineHeight": 1.15,
|
|
73
|
+
"letterSpacing": "-0.5px"
|
|
74
|
+
},
|
|
75
|
+
"titleMd": {
|
|
76
|
+
"fontFamily": "\"StyreneB\", \"Styrene B\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
|
|
77
|
+
"fontSize": "18px",
|
|
78
|
+
"fontWeight": 500,
|
|
79
|
+
"lineHeight": 1.4,
|
|
80
|
+
"letterSpacing": "0"
|
|
81
|
+
},
|
|
82
|
+
"bodyMd": {
|
|
83
|
+
"fontFamily": "\"StyreneB\", \"Styrene B\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
|
|
84
|
+
"fontSize": "16px",
|
|
85
|
+
"fontWeight": 400,
|
|
86
|
+
"lineHeight": 1.55,
|
|
87
|
+
"letterSpacing": "0"
|
|
88
|
+
},
|
|
89
|
+
"bodySm": {
|
|
90
|
+
"fontFamily": "\"StyreneB\", \"Styrene B\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
|
|
91
|
+
"fontSize": "14px",
|
|
92
|
+
"fontWeight": 400,
|
|
93
|
+
"lineHeight": 1.55,
|
|
94
|
+
"letterSpacing": "0"
|
|
95
|
+
},
|
|
96
|
+
"code": {
|
|
97
|
+
"fontFamily": "\"JetBrains Mono\", ui-monospace, monospace",
|
|
98
|
+
"fontSize": "14px",
|
|
99
|
+
"fontWeight": 400,
|
|
100
|
+
"lineHeight": 1.6,
|
|
101
|
+
"letterSpacing": "0"
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
@@ -150,6 +150,12 @@ question - Display executive summary before asking. Extract from gap analysis: c
|
|
|
150
150
|
**Output**: `analysis/requirements.md`, `implementation/spec.md`, `analysis/rollback-plan.md`, optionally `analysis/dual-run-plan.md`
|
|
151
151
|
**State**: Update `rollback_plan_created`, `dual_run_configured`
|
|
152
152
|
|
|
153
|
+
**Part C — Diagram Refinement (Skill, content-preserving)**:
|
|
154
|
+
|
|
155
|
+
4. Invoke Skill tool: `diagrams-mermaid` to refine `implementation/spec.md`
|
|
156
|
+
5. Add migration-focused visuals (target architecture and transition/compatibility flow) as supplements, not replacements for strategy prose.
|
|
157
|
+
6. If minimum context is missing, record open gaps instead of inventing systems, protocols, or migration paths.
|
|
158
|
+
|
|
153
159
|
→ Pause
|
|
154
160
|
|
|
155
161
|
question - Display executive summary before asking. Read `implementation/spec.md` and extract: migration strategy chosen, scope boundaries, rollback approach, breaking changes identified, key constraints. Format as brief overview then "Continue to implementation planning?"
|
|
@@ -167,6 +173,12 @@ question - Display executive summary before asking. Read `implementation/spec.md
|
|
|
167
173
|
|
|
168
174
|
**Context to pass to subagent**: task_path, task_type (migration), migration_type, task_description, phase_summaries (current_state_analysis, gap_analysis, specification)
|
|
169
175
|
|
|
176
|
+
**Post-plan diagram refinement (Skill, content-preserving)**:
|
|
177
|
+
|
|
178
|
+
- Invoke Skill tool: `diagrams-mermaid` for `implementation/implementation-plan.md`
|
|
179
|
+
- Add one migration execution/state flow with rollback checkpoints.
|
|
180
|
+
- Preserve written task steps and rollback details as source of truth.
|
|
181
|
+
|
|
170
182
|
→ Pause
|
|
171
183
|
|
|
172
184
|
question - Display executive summary before asking. Read `implementation/implementation-plan.md` and extract: number of task groups, total steps, rollback steps included, key dependencies, execution sequence. Format as brief overview then "Continue to execute migration?"
|
|
@@ -168,6 +168,12 @@ question - "Performance analysis complete. [N] bottlenecks identified ([P0 count
|
|
|
168
168
|
|
|
169
169
|
**SELF-CHECK**: Did you just invoke the Task tool with `specification-creator`? Or did you start writing spec.md yourself? If the latter, STOP and invoke the Task tool.
|
|
170
170
|
|
|
171
|
+
**Part C — Diagram Refinement (Skill, content-preserving)**:
|
|
172
|
+
|
|
173
|
+
5. Invoke Skill tool: `diagrams-mermaid` to refine `implementation/spec.md`
|
|
174
|
+
6. Add diagrams that clarify bottleneck flows and optimization boundaries without replacing specification text.
|
|
175
|
+
7. If context for a diagram is missing, document gaps and avoid speculative dependencies.
|
|
176
|
+
|
|
171
177
|
→ Pause
|
|
172
178
|
|
|
173
179
|
question - Display executive summary before asking. Read `implementation/spec.md` and extract: optimization targets, approach chosen, number of changes planned, expected impact. Format as brief overview then "Continue to specification audit?"
|
|
@@ -217,6 +223,12 @@ question - Display executive summary before asking. Read `verification/spec-audi
|
|
|
217
223
|
|
|
218
224
|
**SELF-CHECK**: Did you just invoke the Task tool with `implementation-planner`? Or did you start writing the plan yourself? If the latter, STOP and invoke the Task tool.
|
|
219
225
|
|
|
226
|
+
**Post-plan diagram refinement (Skill, content-preserving)**:
|
|
227
|
+
|
|
228
|
+
- Invoke Skill tool: `diagrams-mermaid` for `implementation/implementation-plan.md`
|
|
229
|
+
- Add one compact optimization execution flow (task-group dependency or state flow).
|
|
230
|
+
- Keep plan steps authoritative; diagrams are explanatory additions only.
|
|
231
|
+
|
|
220
232
|
→ Pause
|
|
221
233
|
|
|
222
234
|
question - Display executive summary before asking. Read `implementation/implementation-plan.md` and extract: number of task groups, total steps, key dependencies, optimization sequence. Format as brief overview then "Continue to implementation?"
|
|
@@ -326,6 +326,14 @@ question - "Brainstorming complete. Continue to high-level design?"
|
|
|
326
326
|
- Key decision highlights (1 line each)
|
|
327
327
|
- Integration points with existing system (if applicable)
|
|
328
328
|
|
|
329
|
+
**Part D — Diagram Refinement (Skill, content-preserving)**:
|
|
330
|
+
|
|
331
|
+
5. Invoke Skill tool: `diagrams-mermaid` to refine visual communication in `outputs/high-level-design.md`
|
|
332
|
+
6. Add diagrams that supplement (not replace) existing architecture content:
|
|
333
|
+
- one architecture view (`C4Container` preferred, `C4Component` only if needed),
|
|
334
|
+
- one interaction/state view (`sequenceDiagram` or `flowchart`) for the critical flow.
|
|
335
|
+
7. If minimum context for a diagram is missing, record explicit gaps in the document and avoid speculative components/relationships.
|
|
336
|
+
|
|
329
337
|
→ Pause
|
|
330
338
|
|
|
331
339
|
question - "Design complete. Continue to output generation?"
|