@xenonbyte/da-vinci-workflow 0.1.10 → 0.1.12
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/CHANGELOG.md +16 -0
- package/README.md +23 -6
- package/README.zh-CN.md +19 -3
- package/SKILL.md +44 -8
- package/docs/codex-natural-language-usage.md +11 -0
- package/docs/mode-use-cases.md +18 -4
- package/docs/prompt-entrypoints.md +4 -0
- package/docs/prompt-presets/README.md +35 -0
- package/docs/prompt-presets/desktop-app.md +84 -0
- package/docs/prompt-presets/mobile-app.md +84 -0
- package/docs/prompt-presets/tablet-app.md +84 -0
- package/docs/prompt-presets/web-app.md +85 -0
- package/docs/visual-adapters.md +18 -0
- package/docs/visual-assist-presets/README.md +6 -0
- package/docs/workflow-examples.md +12 -7
- package/docs/zh-CN/codex-natural-language-usage.md +11 -0
- package/docs/zh-CN/mode-use-cases.md +15 -4
- package/docs/zh-CN/prompt-entrypoints.md +4 -0
- package/docs/zh-CN/prompt-presets/README.md +35 -0
- package/docs/zh-CN/prompt-presets/desktop-app.md +84 -0
- package/docs/zh-CN/prompt-presets/mobile-app.md +84 -0
- package/docs/zh-CN/prompt-presets/tablet-app.md +84 -0
- package/docs/zh-CN/prompt-presets/web-app.md +85 -0
- package/docs/zh-CN/visual-adapters.md +18 -0
- package/docs/zh-CN/visual-assist-presets/README.md +6 -0
- package/docs/zh-CN/workflow-examples.md +12 -7
- package/package.json +1 -1
- package/references/artifact-templates.md +14 -3
- package/references/checkpoints.md +35 -2
- package/references/design-inputs.md +33 -1
- package/references/pencil-design-to-code.md +10 -2
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
# Tablet App Prompt Preset
|
|
2
|
+
|
|
3
|
+
Recommended when the product is tablet-first or relies on expanded touch surfaces.
|
|
4
|
+
|
|
5
|
+
Pair with:
|
|
6
|
+
|
|
7
|
+
- `docs/visual-assist-presets/tablet-app.md`
|
|
8
|
+
|
|
9
|
+
Use this when the workflow needs:
|
|
10
|
+
|
|
11
|
+
- split-pane or multi-column composition
|
|
12
|
+
- orientation-aware design thinking
|
|
13
|
+
- clear decomposition of tool regions, side regions, and overlays
|
|
14
|
+
|
|
15
|
+
## How To Choose
|
|
16
|
+
|
|
17
|
+
- Use `Simple redesign` when the tablet surface is limited, mostly single-flow, or only lightly adapted from a phone layout.
|
|
18
|
+
- Use `Complex redesign` when the product has split panes, orientation changes, expanded canvases, overlays, or many materially different surfaces.
|
|
19
|
+
- Use `Design-only` when you want the design chain and bindings but no code changes yet.
|
|
20
|
+
- Use `Continue` when the workflow already created artifacts and needs to resume.
|
|
21
|
+
|
|
22
|
+
## Simple Redesign
|
|
23
|
+
|
|
24
|
+
```text
|
|
25
|
+
$da-vinci use redesign-from-code to redesign this existing tablet product.
|
|
26
|
+
|
|
27
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
28
|
+
Preserve current behavior, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
29
|
+
Inventory the current tablet surfaces and important states before Pencil work.
|
|
30
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
31
|
+
Do not pass design checkpoint if the result ignores tablet-scale composition or collapses into a stretched phone layout.
|
|
32
|
+
Persist project-local Pencil files under .da-vinci/designs/.
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Complex Redesign
|
|
36
|
+
|
|
37
|
+
```text
|
|
38
|
+
$da-vinci use redesign-from-code to redesign this existing tablet product.
|
|
39
|
+
|
|
40
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
41
|
+
Preserve current behavior, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
42
|
+
Inventory split-pane regions, sidebars, expanded canvases, dialogs, sheets, orientation-driven changes, and materially different states before broad Pencil work.
|
|
43
|
+
Decompose complex pages into multi-region surfaces, overlays, materially different states, and implementation surfaces.
|
|
44
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
45
|
+
Treat the resolved primary visual adapter as the first-pass design lead.
|
|
46
|
+
Use Pencil guides only as tablet-layout constraints, not as the design direction.
|
|
47
|
+
Do not start with broad multi-screen scaffolding.
|
|
48
|
+
Design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
49
|
+
Do not pass design checkpoint if the result collapses into a stretched phone layout, repeated placeholders, or weak multi-region hierarchy.
|
|
50
|
+
Persist project-local Pencil files under .da-vinci/designs/.
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## Design-Only
|
|
54
|
+
|
|
55
|
+
```text
|
|
56
|
+
$da-vinci use redesign-from-code to redesign this existing tablet product.
|
|
57
|
+
|
|
58
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
59
|
+
Preserve current behavior, permissions, integrations, and state transitions.
|
|
60
|
+
Inventory split-pane regions, sidebars, dialogs, sheets, orientation changes, and important states.
|
|
61
|
+
Decompose complex pages into real design surfaces before Pencil work.
|
|
62
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
63
|
+
If the product is complex, design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
64
|
+
Stop after DA-VINCI.md, design-registry.md, page-map.md, proposal.md, specs, design.md, pencil-design.md, pencil-bindings.md, and tasks.md.
|
|
65
|
+
Do not start code changes yet.
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## Continue
|
|
69
|
+
|
|
70
|
+
```text
|
|
71
|
+
$da-vinci use continue for this existing tablet-product redesign workflow.
|
|
72
|
+
|
|
73
|
+
Use the existing Da Vinci artifacts in this project.
|
|
74
|
+
Do not restart discovery unless an artifact is missing or clearly wrong.
|
|
75
|
+
Keep the registered project-local Pencil source under .da-vinci/designs/ as the design source of truth.
|
|
76
|
+
If the redesign is complex, continue from the approved anchor surfaces instead of restarting broad scaffolding.
|
|
77
|
+
Continue into the next unfinished stage and do not stop at tasks.md when the active intent is full-delivery.
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
## When To Switch To Intake First
|
|
81
|
+
|
|
82
|
+
- the product mixes phone and tablet surfaces
|
|
83
|
+
- orientation or multi-pane behavior complicates the first workflow request
|
|
84
|
+
- the first prompt is still hard to phrase cleanly
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
# Web App Prompt Preset
|
|
2
|
+
|
|
3
|
+
Recommended when the product is a browser-based application or a web product with app-like surfaces.
|
|
4
|
+
|
|
5
|
+
Pair with:
|
|
6
|
+
|
|
7
|
+
- `docs/visual-assist-presets/web-app.md`
|
|
8
|
+
|
|
9
|
+
Use this when the workflow needs:
|
|
10
|
+
|
|
11
|
+
- responsive hierarchy
|
|
12
|
+
- separation between marketing and product surfaces
|
|
13
|
+
- careful treatment of empty, loading, error, and authenticated states
|
|
14
|
+
|
|
15
|
+
## How To Choose
|
|
16
|
+
|
|
17
|
+
- Use `Simple redesign` when the web product has a limited product surface or only a few major pages.
|
|
18
|
+
- Use `Complex redesign` when the product mixes marketing, auth, onboarding, app surfaces, dialogs, drawers, and materially different states.
|
|
19
|
+
- Use `Design-only` when you want the design chain and bindings but no code changes yet.
|
|
20
|
+
- Use `Continue` when the workflow already has artifacts and needs to resume.
|
|
21
|
+
|
|
22
|
+
## Simple Redesign
|
|
23
|
+
|
|
24
|
+
```text
|
|
25
|
+
$da-vinci use redesign-from-code to redesign this existing web product.
|
|
26
|
+
|
|
27
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
28
|
+
Preserve current business logic, routes, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
29
|
+
Inventory the current product surfaces and important states before Pencil work.
|
|
30
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
31
|
+
Do not pass design checkpoint if the result is a generic SaaS card grid or a recolor of the old interface.
|
|
32
|
+
Persist project-local Pencil files under .da-vinci/designs/.
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Complex Redesign
|
|
36
|
+
|
|
37
|
+
```text
|
|
38
|
+
$da-vinci use redesign-from-code to redesign this existing web product.
|
|
39
|
+
|
|
40
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
41
|
+
Preserve current business logic, routes, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
42
|
+
Inventory responsive product surfaces, marketing surfaces, authenticated areas, settings pages, dialogs, drawers, overlays, and materially different states before broad Pencil work.
|
|
43
|
+
Separate marketing-style surfaces from product-workflow surfaces when they require different visual treatment.
|
|
44
|
+
Decompose complex pages into subpages, overlays, materially different states, and implementation surfaces.
|
|
45
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
46
|
+
Treat the resolved primary visual adapter as the first-pass design lead.
|
|
47
|
+
Use Pencil guides only as responsive layout constraints, not as the design direction.
|
|
48
|
+
Do not start with broad multi-screen scaffolding.
|
|
49
|
+
Design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
50
|
+
Do not pass design checkpoint if the result is a generic SaaS card grid, repeated placeholder scaffolds, or a recolor of the old interface.
|
|
51
|
+
Persist project-local Pencil files under .da-vinci/designs/.
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
## Design-Only
|
|
55
|
+
|
|
56
|
+
```text
|
|
57
|
+
$da-vinci use redesign-from-code to redesign this existing web product.
|
|
58
|
+
|
|
59
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
60
|
+
Preserve current behavior, routes, permissions, integrations, and state transitions.
|
|
61
|
+
Inventory product surfaces, marketing surfaces, overlays, and important states.
|
|
62
|
+
Decompose complex pages into real design surfaces before Pencil work.
|
|
63
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
64
|
+
If the product is complex, design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
65
|
+
Stop after DA-VINCI.md, design-registry.md, page-map.md, proposal.md, specs, design.md, pencil-design.md, pencil-bindings.md, and tasks.md.
|
|
66
|
+
Do not start code changes yet.
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
## Continue
|
|
70
|
+
|
|
71
|
+
```text
|
|
72
|
+
$da-vinci use continue for this existing web-product redesign workflow.
|
|
73
|
+
|
|
74
|
+
Use the existing Da Vinci artifacts in this project.
|
|
75
|
+
Do not restart discovery unless an artifact is missing or clearly wrong.
|
|
76
|
+
Keep the registered project-local Pencil source under .da-vinci/designs/ as the design source of truth.
|
|
77
|
+
If the redesign is complex, continue from the approved anchor surfaces instead of restarting broad scaffolding.
|
|
78
|
+
Continue into the next unfinished stage and do not stop at tasks.md when the active intent is full-delivery.
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
## When To Switch To Intake First
|
|
82
|
+
|
|
83
|
+
- the product mixes many surface types and truth sources
|
|
84
|
+
- external references complicate the first workflow request
|
|
85
|
+
- the first prompt is still hard to phrase cleanly
|
package/docs/visual-adapters.md
CHANGED
|
@@ -202,9 +202,18 @@ If no adapter is available:
|
|
|
202
202
|
When a visual adapter is active:
|
|
203
203
|
|
|
204
204
|
- use it before or during Pencil work to sharpen composition and hierarchy
|
|
205
|
+
- treat the resolved primary adapter as the art-direction lead for the first pass, not as a note that merely gets copied into `design-registry.md`
|
|
205
206
|
- keep page names and states aligned with `page-map.md`
|
|
206
207
|
- keep final `.pen` decisions grounded in Pencil, not in adapter prose
|
|
207
208
|
|
|
209
|
+
For complex redesigns:
|
|
210
|
+
|
|
211
|
+
- do not start by scaffolding many screens with empty placeholders
|
|
212
|
+
- design 1-3 anchor surfaces first
|
|
213
|
+
- make each anchor surface fully composed before broad expansion
|
|
214
|
+
- use screenshot review on each anchor surface before cloning variants or expanding the rest of the product
|
|
215
|
+
- if the output is still placeholder-heavy or repetitious, mark `design checkpoint` as `BLOCK` and reset from the anchor surfaces instead of layering more screens on top
|
|
216
|
+
|
|
208
217
|
Record the outcome in `pencil-design.md`.
|
|
209
218
|
|
|
210
219
|
Recommended fields:
|
|
@@ -234,6 +243,15 @@ If it is unavailable, fall back to native Da Vinci design rules and continue.
|
|
|
234
243
|
Persist project-local Pencil files under .da-vinci/designs/.
|
|
235
244
|
```
|
|
236
245
|
|
|
246
|
+
For complex Android or multi-surface product redesigns, add this bias explicitly:
|
|
247
|
+
|
|
248
|
+
```text
|
|
249
|
+
Use frontend-skill explicitly as the primary visual reasoning source.
|
|
250
|
+
Use Pencil guides only as layout constraints, not as the design direction.
|
|
251
|
+
Do not start with broad multi-screen scaffolding.
|
|
252
|
+
Design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
253
|
+
```
|
|
254
|
+
|
|
237
255
|
## Suggested Adapter Choices
|
|
238
256
|
|
|
239
257
|
- `frontend-skill`
|
|
@@ -9,12 +9,17 @@ Each preset is intentionally conservative:
|
|
|
9
9
|
- clear scope boundaries
|
|
10
10
|
- non-blocking behavior by default
|
|
11
11
|
|
|
12
|
+
Use them together with:
|
|
13
|
+
|
|
14
|
+
- `docs/prompt-presets/`
|
|
15
|
+
|
|
12
16
|
If the project is design-critical or previous outputs were weak, generic, or too close to the old UI:
|
|
13
17
|
|
|
14
18
|
- keep the same preset family
|
|
15
19
|
- move `frontend-skill` to the first slot
|
|
16
20
|
- consider `Require Adapter: true`
|
|
17
21
|
- raise the design checkpoint bar before broad Pencil generation
|
|
22
|
+
- switch to anchor-first generation: design 1-3 anchor surfaces, review screenshots, then expand
|
|
18
23
|
|
|
19
24
|
Available presets:
|
|
20
25
|
|
|
@@ -29,3 +34,4 @@ How to use them:
|
|
|
29
34
|
2. copy the `## Visual Assist` block into `DA-VINCI.md`
|
|
30
35
|
3. adjust adapter order only if the project clearly needs a different visual bias
|
|
31
36
|
4. keep `Require Adapter: false` unless the project truly must stop without a specific local skill
|
|
37
|
+
5. for complex redesigns, do not treat the preset alone as enough; pair it with anchor-first Pencil generation and screenshot review
|
|
@@ -56,10 +56,11 @@ Expected flow:
|
|
|
56
56
|
4. write behavior in `specs/<capability>/spec.md`
|
|
57
57
|
5. define pages in `page-map.md`
|
|
58
58
|
6. resolve any requested visual adapter and record it in `design-registry.md`
|
|
59
|
-
7. register
|
|
60
|
-
8.
|
|
61
|
-
9.
|
|
62
|
-
10.
|
|
59
|
+
7. register the project-local Pencil source
|
|
60
|
+
8. design 1-3 anchor surfaces first and review screenshots before broad expansion
|
|
61
|
+
9. bind implementation pages to Pencil pages
|
|
62
|
+
10. generate tasks
|
|
63
|
+
11. build and verify
|
|
63
64
|
|
|
64
65
|
## 3. `redesign-from-code`
|
|
65
66
|
|
|
@@ -80,9 +81,10 @@ Expected flow:
|
|
|
80
81
|
5. split broad redesign work into `specs/<slice>/spec.md` files when one large `ui-refresh` spec would be too coarse
|
|
81
82
|
6. rebuild or refine `page-map.md`, including subpages, overlays, and materially different states
|
|
82
83
|
7. create new or updated Pencil pages from fresh composition rather than a recolor of the old UI, preferring persistence under `.da-vinci/designs/`
|
|
83
|
-
8.
|
|
84
|
-
9.
|
|
85
|
-
10.
|
|
84
|
+
8. run `design-source checkpoint` to confirm the registered project-local `.pen` path, the active Pencil source, and the shell-visible file all agree
|
|
85
|
+
9. bind routes and pages to Pencil screens
|
|
86
|
+
10. generate tasks aligned to the redesign slices
|
|
87
|
+
11. build and verify
|
|
86
88
|
|
|
87
89
|
### Complex Android example
|
|
88
90
|
|
|
@@ -92,6 +94,9 @@ $da-vinci use redesign-from-code to redesign this existing Android app.
|
|
|
92
94
|
Existing code is the behavior source of truth, not the layout truth.
|
|
93
95
|
Inventory activities, fragments, tabs, dialogs, bottom sheets, nested flows, and important states.
|
|
94
96
|
Decompose complex screens into separate design surfaces before Pencil work.
|
|
97
|
+
Use frontend-skill explicitly as the primary visual reasoning source.
|
|
98
|
+
Do not start with broad multi-screen scaffolding.
|
|
99
|
+
Design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
95
100
|
Do not pass design checkpoint if the result is just a skin-swap of the old UI.
|
|
96
101
|
```
|
|
97
102
|
|
|
@@ -70,6 +70,17 @@ $da-vinci use <mode> to <goal>
|
|
|
70
70
|
|
|
71
71
|
## 场景模板
|
|
72
72
|
|
|
73
|
+
如果你想直接按产品形态选提示词,也可以看:
|
|
74
|
+
|
|
75
|
+
- `docs/zh-CN/prompt-presets/`
|
|
76
|
+
|
|
77
|
+
每个场景文件现在都固定包含:
|
|
78
|
+
|
|
79
|
+
- `Simple redesign`
|
|
80
|
+
- `Complex redesign`
|
|
81
|
+
- `Design-only`
|
|
82
|
+
- `Continue`
|
|
83
|
+
|
|
73
84
|
### 1. 新项目,需求清晰
|
|
74
85
|
|
|
75
86
|
```text
|
|
@@ -86,10 +86,11 @@ Da Vinci 应该:
|
|
|
86
86
|
4. 生成 `specs/<capability>/spec.md`
|
|
87
87
|
5. 生成 `page-map.md`
|
|
88
88
|
6. 生成 `design-registry.md`
|
|
89
|
+
- 先解析出工作流自动维护的项目内 `.pen` 路径
|
|
89
90
|
- 优先登记 `.da-vinci/designs/` 下的本地 `.pen` 路径
|
|
90
91
|
7. 生成 `design.md`
|
|
91
92
|
8. 生成 `pencil-design.md`
|
|
92
|
-
-
|
|
93
|
+
- 确保当前设计真正落到登记好的 `.da-vinci/designs/` 路径
|
|
93
94
|
9. 生成 `pencil-bindings.md`
|
|
94
95
|
10. 生成 `tasks.md`
|
|
95
96
|
11. 进入实现
|
|
@@ -110,7 +111,7 @@ Da Vinci 应该:
|
|
|
110
111
|
5. 生成 `specs/<capability>/spec.md`
|
|
111
112
|
6. 生成 `page-map.md`
|
|
112
113
|
7. 继续到设计、绑定、任务和实现
|
|
113
|
-
-
|
|
114
|
+
- 把当前设计真正落到登记好的 `.da-vinci/designs/` 路径
|
|
114
115
|
|
|
115
116
|
## 3. `redesign-from-code`
|
|
116
117
|
|
|
@@ -126,13 +127,16 @@ Da Vinci 应该:
|
|
|
126
127
|
2. 生成或对齐 `DA-VINCI.md`
|
|
127
128
|
3. 生成 `design-registry.md`
|
|
128
129
|
- 如已有本地 `.pen` 文件,优先登记 `.da-vinci/designs/` 下的路径
|
|
130
|
+
- 为这次重设计解析一个工作流自动维护的项目内 `.pen` 路径
|
|
129
131
|
4. 生成 `proposal.md`
|
|
130
132
|
5. 按 redesign slice 拆分 `specs/`
|
|
131
133
|
6. 重建或更新 `page-map.md`
|
|
132
134
|
- 把复杂页面拆成 subpage、state、overlay、fragment surface
|
|
133
135
|
7. 生成 `design.md`
|
|
134
136
|
8. 生成 `pencil-design.md`
|
|
135
|
-
-
|
|
137
|
+
- 先做 1 到 3 个 anchor surface,再扩展更多页面
|
|
138
|
+
- 首轮设计由解析出来的主 visual adapter 主导
|
|
139
|
+
- 把新的 Pencil 基线真正落到登记好的 `.da-vinci/designs/` 路径
|
|
136
140
|
9. 生成 `pencil-bindings.md`
|
|
137
141
|
10. 生成 `tasks.md`
|
|
138
142
|
11. 进入实现
|
|
@@ -142,7 +146,14 @@ Da Vinci 应该:
|
|
|
142
146
|
- 现有代码决定 behavior,不决定新的视觉布局
|
|
143
147
|
- `redesign-from-code` 默认应该基于页面职责和状态重新构图
|
|
144
148
|
- 不能把“旧页面换个配色、换点间距、挪一点位置”当成真正的重设计
|
|
149
|
+
- 一旦配置了 `Preferred adapters`,解析出来的主 adapter 应该主导首轮设计,而不是只登记不使用
|
|
150
|
+
- 不要让 Pencil 的 guide 或样式模板取代主 adapter 成为设计方向来源
|
|
151
|
+
- 不要一上来就批量搭很多空 screen
|
|
152
|
+
- 对复杂产品,先把 1 到 3 个 anchor surface 做到通过截图审查,再扩展其他页面
|
|
145
153
|
- 一个实现页如果包含多个 Fragment、多个 tab、多个状态或多个 overlay,应该拆成多个设计 surface
|
|
154
|
+
- `design-registry.md` 里的首选 `.pen` 路径由工作流自动维护,不应该依赖用户手工填写
|
|
155
|
+
- 不要因为当前 Pencil 里正好打开了一个文档,就直接在那个文档上继续做重设计
|
|
156
|
+
- 如果 Pencil MCP 没有自动把登记路径的 `.pen` 文件落到磁盘,就应该先补写这个项目内文件,再把 mapping 或 implementation 视为完成
|
|
146
157
|
|
|
147
158
|
## 4. `feature-change`
|
|
148
159
|
|
|
@@ -158,7 +169,7 @@ Da Vinci 应该:
|
|
|
158
169
|
4. 复用或更新 `design-registry.md`
|
|
159
170
|
- 如果已有项目内 `.pen` 文件,优先登记 `.da-vinci/designs/` 下的路径
|
|
160
171
|
5. 生成 `pencil-design.md` 增量
|
|
161
|
-
-
|
|
172
|
+
- 把更新后的 `.pen` 文件真正落到登记好的 `.da-vinci/designs/` 路径
|
|
162
173
|
6. 更新 `pencil-bindings.md`
|
|
163
174
|
7. 生成 `tasks.md`
|
|
164
175
|
8. 进入实现
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
# 场景提示词模板
|
|
2
|
+
|
|
3
|
+
这些模板用于在不同产品形态下,快速拿到可直接执行的起始提示词。
|
|
4
|
+
|
|
5
|
+
它们建议和下面这组文档配合使用:
|
|
6
|
+
|
|
7
|
+
- `docs/zh-CN/visual-assist-presets/`
|
|
8
|
+
|
|
9
|
+
推荐使用方式:
|
|
10
|
+
|
|
11
|
+
1. 先选最接近产品形态的提示词模板
|
|
12
|
+
2. 再选对应的 `Visual Assist` 模板
|
|
13
|
+
3. 再选和项目复杂度、交付意图匹配的提示词版本
|
|
14
|
+
4. 两者一起放进工作流设置
|
|
15
|
+
5. 只有在项目存在特殊真相源或平台约束时,再继续收紧提示词
|
|
16
|
+
|
|
17
|
+
可用模板:
|
|
18
|
+
|
|
19
|
+
- `mobile-app.md`
|
|
20
|
+
- `desktop-app.md`
|
|
21
|
+
- `web-app.md`
|
|
22
|
+
- `tablet-app.md`
|
|
23
|
+
|
|
24
|
+
设计规则:
|
|
25
|
+
|
|
26
|
+
- 提示词模板负责定义工作流意图、拆分规则和真相源处理方式
|
|
27
|
+
- `Visual Assist` 模板负责定义 UI 设计增强偏好
|
|
28
|
+
- 两者一起使用,结果通常更稳
|
|
29
|
+
|
|
30
|
+
现在每个场景模板里都固定包含:
|
|
31
|
+
|
|
32
|
+
- `Simple redesign`
|
|
33
|
+
- `Complex redesign`
|
|
34
|
+
- `Design-only`
|
|
35
|
+
- `Continue`
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
# 桌面端应用提示词模板
|
|
2
|
+
|
|
3
|
+
适用于桌面优先的工具型或工作台型产品。
|
|
4
|
+
|
|
5
|
+
建议搭配:
|
|
6
|
+
|
|
7
|
+
- `docs/zh-CN/visual-assist-presets/desktop-app.md`
|
|
8
|
+
|
|
9
|
+
适合这种需求:
|
|
10
|
+
|
|
11
|
+
- 高密度工作区层级
|
|
12
|
+
- 明确的主工作面和次级面板
|
|
13
|
+
- 克制的 modal、inspector 和 secondary panel 处理
|
|
14
|
+
|
|
15
|
+
## 如何选择
|
|
16
|
+
|
|
17
|
+
- `Simple redesign` 适合 workspace 不多、状态分支有限、结构相对收敛的项目。
|
|
18
|
+
- `Complex redesign` 适合多工作区、多侧栏、多 inspector、多 overlays、状态变化明显的项目。
|
|
19
|
+
- `Design-only` 适合先把设计链路和绑定做完,但暂时不改代码。
|
|
20
|
+
- `Continue` 适合已经有 `.da-vinci/` 工件,需要继续推进的项目。
|
|
21
|
+
|
|
22
|
+
## Simple Redesign
|
|
23
|
+
|
|
24
|
+
```text
|
|
25
|
+
$da-vinci use redesign-from-code to redesign this existing desktop product.
|
|
26
|
+
|
|
27
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
28
|
+
Preserve current behavior, flows, integrations, and validation rules unless explicitly required otherwise.
|
|
29
|
+
Inventory the current workspaces, dialogs, overlays, and important states before Pencil work.
|
|
30
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
31
|
+
Do not pass design checkpoint if the result is just a boxed-up recolor of the old UI or if workspace hierarchy remains unclear.
|
|
32
|
+
Persist project-local Pencil files under .da-vinci/designs/.
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Complex Redesign
|
|
36
|
+
|
|
37
|
+
```text
|
|
38
|
+
$da-vinci use redesign-from-code to redesign this existing desktop product.
|
|
39
|
+
|
|
40
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
41
|
+
Preserve current behavior, flows, integrations, and validation rules unless explicitly required otherwise.
|
|
42
|
+
Inventory primary workspaces, side panels, inspectors, dialogs, settings flows, overlays, and materially different states before broad Pencil work.
|
|
43
|
+
Decompose complex screens into primary surfaces, secondary surfaces, overlays, and implementation surfaces.
|
|
44
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
45
|
+
Treat the resolved primary visual adapter as the first-pass design lead.
|
|
46
|
+
Use Pencil guides only as workspace constraints, not as the design direction.
|
|
47
|
+
Do not start with broad multi-screen scaffolding.
|
|
48
|
+
Design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
49
|
+
Do not pass design checkpoint if the result is a repeated placeholder scaffold, flat panel soup, or a recolor of the old desktop shell.
|
|
50
|
+
Persist project-local Pencil files under .da-vinci/designs/.
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## Design-Only
|
|
54
|
+
|
|
55
|
+
```text
|
|
56
|
+
$da-vinci use redesign-from-code to redesign this existing desktop product.
|
|
57
|
+
|
|
58
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
59
|
+
Preserve current behavior, flows, and integrations.
|
|
60
|
+
Inventory workspaces, side panels, dialogs, overlays, and important states.
|
|
61
|
+
Decompose complex screens into real design surfaces before Pencil work.
|
|
62
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
63
|
+
If the product is complex, design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
64
|
+
Stop after DA-VINCI.md, design-registry.md, page-map.md, proposal.md, specs, design.md, pencil-design.md, pencil-bindings.md, and tasks.md.
|
|
65
|
+
Do not start code changes yet.
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## Continue
|
|
69
|
+
|
|
70
|
+
```text
|
|
71
|
+
$da-vinci use continue for this existing desktop-product redesign workflow.
|
|
72
|
+
|
|
73
|
+
Use the existing Da Vinci artifacts in this project.
|
|
74
|
+
Do not restart discovery unless an artifact is missing or clearly wrong.
|
|
75
|
+
Keep the registered project-local Pencil source under .da-vinci/designs/ as the design source of truth.
|
|
76
|
+
If the redesign is complex, continue from the approved anchor surfaces instead of restarting broad scaffolding.
|
|
77
|
+
Continue into the next unfinished stage and do not stop at tasks.md when the active intent is full-delivery.
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
## 什么时候先走 Intake
|
|
81
|
+
|
|
82
|
+
- workspace 边界还不清晰
|
|
83
|
+
- 有多个真相源或混合产品形态
|
|
84
|
+
- 第一条工作流提示词仍然很难一次说对
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
# 移动端 App 提示词模板
|
|
2
|
+
|
|
3
|
+
适用于以手机为主的产品界面。
|
|
4
|
+
|
|
5
|
+
建议搭配:
|
|
6
|
+
|
|
7
|
+
- `docs/zh-CN/visual-assist-presets/mobile-app.md`
|
|
8
|
+
|
|
9
|
+
适合这种需求:
|
|
10
|
+
|
|
11
|
+
- touch-first 的层级和交互
|
|
12
|
+
- 明确处理 tabs、dialogs、sheets 和 nested flows
|
|
13
|
+
- 让状态拆分真正贴合 app 行为
|
|
14
|
+
|
|
15
|
+
## 如何选择
|
|
16
|
+
|
|
17
|
+
- `Simple redesign` 适合界面较少、状态不爆炸、产品表面相对收敛的项目。
|
|
18
|
+
- `Complex redesign` 适合多 activity、多 fragment、多 tabs、多 overlays、状态差异明显的项目。
|
|
19
|
+
- `Design-only` 适合先把设计链路和绑定做完,但暂时不改代码。
|
|
20
|
+
- `Continue` 适合已经有 `.da-vinci/` 工件,需要继续推进的项目。
|
|
21
|
+
|
|
22
|
+
## Simple Redesign
|
|
23
|
+
|
|
24
|
+
```text
|
|
25
|
+
$da-vinci use redesign-from-code to redesign this existing mobile app.
|
|
26
|
+
|
|
27
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
28
|
+
Preserve business logic, navigation, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
29
|
+
Inventory the current screens and important states before Pencil work.
|
|
30
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
31
|
+
Do not pass design checkpoint if the result is a skin-swap of the old UI, a generic card grid, or a weak mobile hierarchy.
|
|
32
|
+
Persist project-local Pencil files under .da-vinci/designs/.
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Complex Redesign
|
|
36
|
+
|
|
37
|
+
```text
|
|
38
|
+
$da-vinci use redesign-from-code to redesign this existing mobile app.
|
|
39
|
+
|
|
40
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
41
|
+
Preserve business logic, navigation, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
42
|
+
Inventory activities, fragments, tabs, dialogs, bottom sheets, nested flows, overlays, and materially different states before broad Pencil work.
|
|
43
|
+
Decompose complex screens into subpages, overlays, materially different states, and implementation surfaces.
|
|
44
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
45
|
+
Treat the resolved primary visual adapter as the first-pass design lead.
|
|
46
|
+
Use Pencil guides only as layout constraints, not as the design direction.
|
|
47
|
+
Do not start with broad multi-screen scaffolding.
|
|
48
|
+
Design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
49
|
+
Do not pass design checkpoint if the result is a skin-swap of the old UI, a generic card grid, repeated placeholder templates, or weak visual anchors.
|
|
50
|
+
Persist project-local Pencil files under .da-vinci/designs/.
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## Design-Only
|
|
54
|
+
|
|
55
|
+
```text
|
|
56
|
+
$da-vinci use redesign-from-code to redesign this existing mobile app.
|
|
57
|
+
|
|
58
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
59
|
+
Preserve current behavior and navigation.
|
|
60
|
+
Inventory screens, tabs, dialogs, bottom sheets, nested flows, overlays, and important states.
|
|
61
|
+
Decompose complex screens into real design surfaces before Pencil work.
|
|
62
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
63
|
+
If the app is complex, design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
64
|
+
Stop after DA-VINCI.md, design-registry.md, page-map.md, proposal.md, specs, design.md, pencil-design.md, pencil-bindings.md, and tasks.md.
|
|
65
|
+
Do not start code changes yet.
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## Continue
|
|
69
|
+
|
|
70
|
+
```text
|
|
71
|
+
$da-vinci use continue for this existing mobile-app redesign workflow.
|
|
72
|
+
|
|
73
|
+
Use the existing Da Vinci artifacts in this project.
|
|
74
|
+
Do not restart discovery unless an artifact is missing or clearly wrong.
|
|
75
|
+
Keep the registered project-local Pencil source under .da-vinci/designs/ as the design source of truth.
|
|
76
|
+
If the redesign is complex, keep the anchor-first flow until the design checkpoint passes.
|
|
77
|
+
Continue into the next unfinished stage and do not stop at tasks.md when the active intent is full-delivery.
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
## 什么时候先走 Intake
|
|
81
|
+
|
|
82
|
+
- 项目有多个真相源
|
|
83
|
+
- UI 栈还不清晰
|
|
84
|
+
- 第一条工作流提示词仍然很难一次说对
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
# 平板应用提示词模板
|
|
2
|
+
|
|
3
|
+
适用于平板优先,或强依赖扩展触控区域的产品。
|
|
4
|
+
|
|
5
|
+
建议搭配:
|
|
6
|
+
|
|
7
|
+
- `docs/zh-CN/visual-assist-presets/tablet-app.md`
|
|
8
|
+
|
|
9
|
+
适合这种需求:
|
|
10
|
+
|
|
11
|
+
- split-pane 或 multi-column 构图
|
|
12
|
+
- orientation-aware 的设计思路
|
|
13
|
+
- 明确拆分工具区、侧边区域和 overlays
|
|
14
|
+
|
|
15
|
+
## 如何选择
|
|
16
|
+
|
|
17
|
+
- `Simple redesign` 适合表面不大、主要 flow 有限、只做轻量平板适配的项目。
|
|
18
|
+
- `Complex redesign` 适合多列布局、方向切换、扩展 canvas、多 overlays、状态差异明显的项目。
|
|
19
|
+
- `Design-only` 适合先把设计链路和绑定做完,但暂时不改代码。
|
|
20
|
+
- `Continue` 适合已经有 `.da-vinci/` 工件,需要继续推进的项目。
|
|
21
|
+
|
|
22
|
+
## Simple Redesign
|
|
23
|
+
|
|
24
|
+
```text
|
|
25
|
+
$da-vinci use redesign-from-code to redesign this existing tablet product.
|
|
26
|
+
|
|
27
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
28
|
+
Preserve current behavior, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
29
|
+
Inventory the current tablet surfaces and important states before Pencil work.
|
|
30
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
31
|
+
Do not pass design checkpoint if the result ignores tablet-scale composition or collapses into a stretched phone layout.
|
|
32
|
+
Persist project-local Pencil files under .da-vinci/designs/.
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Complex Redesign
|
|
36
|
+
|
|
37
|
+
```text
|
|
38
|
+
$da-vinci use redesign-from-code to redesign this existing tablet product.
|
|
39
|
+
|
|
40
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
41
|
+
Preserve current behavior, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
42
|
+
Inventory split-pane regions, sidebars, expanded canvases, dialogs, sheets, orientation-driven changes, and materially different states before broad Pencil work.
|
|
43
|
+
Decompose complex pages into multi-region surfaces, overlays, materially different states, and implementation surfaces.
|
|
44
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
45
|
+
Treat the resolved primary visual adapter as the first-pass design lead.
|
|
46
|
+
Use Pencil guides only as tablet-layout constraints, not as the design direction.
|
|
47
|
+
Do not start with broad multi-screen scaffolding.
|
|
48
|
+
Design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
49
|
+
Do not pass design checkpoint if the result collapses into a stretched phone layout, repeated placeholders, or weak multi-region hierarchy.
|
|
50
|
+
Persist project-local Pencil files under .da-vinci/designs/.
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## Design-Only
|
|
54
|
+
|
|
55
|
+
```text
|
|
56
|
+
$da-vinci use redesign-from-code to redesign this existing tablet product.
|
|
57
|
+
|
|
58
|
+
Existing code is the behavior source of truth, not the layout truth.
|
|
59
|
+
Preserve current behavior, permissions, integrations, and state transitions.
|
|
60
|
+
Inventory split-pane regions, sidebars, dialogs, sheets, orientation changes, and important states.
|
|
61
|
+
Decompose complex pages into real design surfaces before Pencil work.
|
|
62
|
+
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
63
|
+
If the product is complex, design 1-3 anchor surfaces first, review screenshots, then expand.
|
|
64
|
+
Stop after DA-VINCI.md, design-registry.md, page-map.md, proposal.md, specs, design.md, pencil-design.md, pencil-bindings.md, and tasks.md.
|
|
65
|
+
Do not start code changes yet.
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## Continue
|
|
69
|
+
|
|
70
|
+
```text
|
|
71
|
+
$da-vinci use continue for this existing tablet-product redesign workflow.
|
|
72
|
+
|
|
73
|
+
Use the existing Da Vinci artifacts in this project.
|
|
74
|
+
Do not restart discovery unless an artifact is missing or clearly wrong.
|
|
75
|
+
Keep the registered project-local Pencil source under .da-vinci/designs/ as the design source of truth.
|
|
76
|
+
If the redesign is complex, continue from the approved anchor surfaces instead of restarting broad scaffolding.
|
|
77
|
+
Continue into the next unfinished stage and do not stop at tasks.md when the active intent is full-delivery.
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
## 什么时候先走 Intake
|
|
81
|
+
|
|
82
|
+
- 产品同时混合了 phone 和 tablet surface
|
|
83
|
+
- orientation 或 multi-pane 行为让第一条请求更复杂
|
|
84
|
+
- 第一条工作流提示词仍然很难一次说对
|