@xenonbyte/da-vinci-workflow 0.1.11 → 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 +8 -0
- package/README.md +10 -1
- package/README.zh-CN.md +10 -1
- package/SKILL.md +9 -0
- package/docs/codex-natural-language-usage.md +7 -0
- package/docs/mode-use-cases.md +7 -0
- package/docs/prompt-presets/README.md +10 -2
- package/docs/prompt-presets/desktop-app.md +56 -18
- package/docs/prompt-presets/mobile-app.md +56 -18
- package/docs/prompt-presets/tablet-app.md +53 -15
- package/docs/prompt-presets/web-app.md +55 -17
- package/docs/visual-adapters.md +18 -0
- package/docs/visual-assist-presets/README.md +2 -0
- package/docs/workflow-examples.md +8 -4
- package/docs/zh-CN/codex-natural-language-usage.md +7 -0
- package/docs/zh-CN/mode-use-cases.md +6 -0
- package/docs/zh-CN/prompt-presets/README.md +10 -2
- package/docs/zh-CN/prompt-presets/desktop-app.md +56 -18
- package/docs/zh-CN/prompt-presets/mobile-app.md +55 -17
- package/docs/zh-CN/prompt-presets/tablet-app.md +53 -15
- package/docs/zh-CN/prompt-presets/web-app.md +54 -16
- package/docs/zh-CN/visual-adapters.md +18 -0
- package/docs/zh-CN/visual-assist-presets/README.md +2 -0
- package/docs/zh-CN/workflow-examples.md +8 -4
- package/package.json +1 -1
- package/references/artifact-templates.md +6 -0
- package/references/checkpoints.md +9 -0
- package/references/design-inputs.md +3 -0
- package/references/pencil-design-to-code.md +3 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,14 @@
|
|
|
4
4
|
|
|
5
5
|
- No unreleased changes yet.
|
|
6
6
|
|
|
7
|
+
## v0.1.12 - 2026-03-27
|
|
8
|
+
|
|
9
|
+
### Changed
|
|
10
|
+
- visual-adapter resolution now documents that the resolved primary adapter must actively lead the first design pass instead of being recorded only for traceability
|
|
11
|
+
- complex redesign guidance now requires anchor-first Pencil generation: design 1-3 anchor surfaces, review screenshots, then expand the rest of the product
|
|
12
|
+
- design-checkpoint guidance now explicitly blocks placeholder-heavy repeated scaffolds and broad multi-screen generation that starts before anchor surfaces are compositionally stable
|
|
13
|
+
- prompt presets for mobile, desktop, web, and tablet surfaces now include `Simple redesign`, `Complex redesign`, `Design-only`, and `Continue` variants in both English and Chinese
|
|
14
|
+
|
|
7
15
|
## v0.1.11 - 2026-03-27
|
|
8
16
|
|
|
9
17
|
### Changed
|
package/README.md
CHANGED
|
@@ -27,10 +27,14 @@ This workflow is intended for:
|
|
|
27
27
|
|
|
28
28
|
Latest published npm package:
|
|
29
29
|
|
|
30
|
-
- `@xenonbyte/da-vinci-workflow@0.1.
|
|
30
|
+
- `@xenonbyte/da-vinci-workflow@0.1.12`
|
|
31
31
|
|
|
32
32
|
Release highlights:
|
|
33
33
|
|
|
34
|
+
- visual-adapter resolution now requires the resolved primary adapter to actively lead the first design pass
|
|
35
|
+
- complex redesigns now default to anchor-first Pencil generation: design 1-3 anchor surfaces, review screenshots, then expand
|
|
36
|
+
- design checkpoint now explicitly blocks placeholder-heavy repeated scaffolds and premature broad multi-screen generation
|
|
37
|
+
- prompt presets for mobile, desktop, web, and tablet now include `Simple redesign`, `Complex redesign`, `Design-only`, and `Continue` variants
|
|
34
38
|
- `redesign-from-code` now states explicitly that existing code is behavior truth, not layout truth
|
|
35
39
|
- complex pages are now expected to decompose into subpages, overlays, materially different states, and implementation surfaces before broad Pencil redesign
|
|
36
40
|
- design-checkpoint guidance now explicitly blocks skin-swap redesigns, generic card mosaics, weak visual anchors, and decorative clutter
|
|
@@ -147,6 +151,9 @@ Selection rules:
|
|
|
147
151
|
|
|
148
152
|
- keep `ui-ux-pro-max` first for dense app and dashboard surfaces when the visual bar is moderate
|
|
149
153
|
- move `frontend-skill` to the first slot when art direction, composition quality, and premium visual hierarchy matter more
|
|
154
|
+
- when `Preferred adapters` are configured, the resolved primary adapter should actively lead the first design pass instead of being recorded only for traceability
|
|
155
|
+
- use Pencil guides as platform/buildability constraints, not as the main art-direction source
|
|
156
|
+
- on complex redesigns, design 1-3 anchor surfaces first and review screenshots before broad multi-screen generation
|
|
150
157
|
- keep `Fallback: native-da-vinci` unless you explicitly want missing adapters to block the workflow
|
|
151
158
|
- keep `Require Adapter: false` by default and raise it to `true` only for design-critical work
|
|
152
159
|
- keep `Scope` limited to presentation quality; do not use it to delegate behavior, routes, or state truth
|
|
@@ -515,6 +522,7 @@ See:
|
|
|
515
522
|
|
|
516
523
|
- `docs/prompt-entrypoints.md`
|
|
517
524
|
- `docs/prompt-presets/`
|
|
525
|
+
- includes `Simple redesign`, `Complex redesign`, `Design-only`, and `Continue` variants in each surface file
|
|
518
526
|
- `docs/codex-natural-language-usage.md`
|
|
519
527
|
- `docs/visual-adapters.md`
|
|
520
528
|
- `docs/visual-assist-presets/`
|
|
@@ -527,6 +535,7 @@ Chinese companion documents are included in this repository:
|
|
|
527
535
|
|
|
528
536
|
- `README.zh-CN.md`
|
|
529
537
|
- `docs/zh-CN/prompt-presets/`
|
|
538
|
+
- each surface file also includes `Simple redesign`, `Complex redesign`, `Design-only`, and `Continue`
|
|
530
539
|
- `docs/zh-CN/visual-adapters.md`
|
|
531
540
|
- `docs/zh-CN/visual-assist-presets/`
|
|
532
541
|
- `docs/zh-CN/`
|
package/README.zh-CN.md
CHANGED
|
@@ -29,10 +29,14 @@ Da Vinci 是一个把产品需求一路推进到结构化规格、Pencil 设计
|
|
|
29
29
|
|
|
30
30
|
最新已发布 npm 包:
|
|
31
31
|
|
|
32
|
-
- `@xenonbyte/da-vinci-workflow@0.1.
|
|
32
|
+
- `@xenonbyte/da-vinci-workflow@0.1.12`
|
|
33
33
|
|
|
34
34
|
已发布版本重点:
|
|
35
35
|
|
|
36
|
+
- visual adapter 解析现在要求“解析出来的主 adapter 必须真正主导首轮设计”,而不是只登记在工件里
|
|
37
|
+
- 复杂重设计现在默认采用 anchor-first 的 Pencil 生成策略:先做 1 到 3 个 anchor surface,截图审查后再扩展
|
|
38
|
+
- design checkpoint 现在会明确拦截大量空占位、重复模板和过早的大批量多页面脚手架
|
|
39
|
+
- 移动端、桌面端、Web、平板的提示词模板现在都包含 `Simple redesign`、`Complex redesign`、`Design-only`、`Continue`
|
|
36
40
|
- `redesign-from-code` 现在明确写清:现有代码只是真相行为,不是真相布局
|
|
37
41
|
- 复杂页面现在明确要求在大规模 Pencil 重设计前拆成 subpage、overlay、明显不同 state 和 implementation surface
|
|
38
42
|
- design checkpoint 现在明确会拦截旧 UI 换皮、通用卡片拼贴、弱视觉锚点和装饰性噪音
|
|
@@ -152,6 +156,9 @@ Da Vinci V2 支持四种模式:
|
|
|
152
156
|
|
|
153
157
|
- 高密度 app、dashboard、工具型界面,且视觉要求中等时,优先把 `ui-ux-pro-max` 放第一位
|
|
154
158
|
- 如果更重视 art direction、构图和高级感,就把 `frontend-skill` 放第一位
|
|
159
|
+
- 一旦配置了 `Preferred adapters`,解析出来的主 adapter 应该真正主导首轮设计,而不是只登记在工件里
|
|
160
|
+
- Pencil 的 guide 只应该约束平台布局和可实现性,不应该替代主 adapter 成为设计方向来源
|
|
161
|
+
- 面对复杂重设计时,先做 1 到 3 个 anchor surface,并完成截图审查,再扩展到更多页面
|
|
155
162
|
- 默认保留 `Fallback: native-da-vinci`
|
|
156
163
|
- `Require Adapter` 默认保持 `false`,只有设计要求很高时再改成 `true`
|
|
157
164
|
- `Scope` 只管 presentation 质量,不要拿它去定义 behavior、route 或 state truth
|
|
@@ -428,6 +435,7 @@ Continue into full-delivery.
|
|
|
428
435
|
- `docs/codex-natural-language-usage.md`
|
|
429
436
|
- `docs/prompt-entrypoints.md`
|
|
430
437
|
- `docs/prompt-presets/`
|
|
438
|
+
- 每个场景文件都包含 `Simple redesign`、`Complex redesign`、`Design-only`、`Continue`
|
|
431
439
|
- `docs/visual-adapters.md`
|
|
432
440
|
- `docs/visual-assist-presets/`
|
|
433
441
|
- `docs/workflow-examples.md`
|
|
@@ -438,6 +446,7 @@ Continue into full-delivery.
|
|
|
438
446
|
|
|
439
447
|
- `README.zh-CN.md`
|
|
440
448
|
- `docs/zh-CN/prompt-presets/`
|
|
449
|
+
- 每个场景文件也都包含 `Simple redesign`、`Complex redesign`、`Design-only`、`Continue`
|
|
441
450
|
- `docs/zh-CN/visual-adapters.md`
|
|
442
451
|
- `docs/zh-CN/visual-assist-presets/`
|
|
443
452
|
- `docs/zh-CN/`
|
package/SKILL.md
CHANGED
|
@@ -185,7 +185,9 @@ Do not repeatedly ask for inputs that are already stable in the artifacts.
|
|
|
185
185
|
Treat visual adapters as optional design-assist layers.
|
|
186
186
|
|
|
187
187
|
- resolve them from the user request first, then `DA-VINCI.md`, then locally available skills
|
|
188
|
+
- when `DA-VINCI.md` or the request declares `Preferred adapters`, the resolved primary adapter must actively lead first-pass design reasoning instead of being recorded only for traceability
|
|
188
189
|
- use them to improve visual contract quality, composition, hierarchy, spacing, and motion guidance
|
|
190
|
+
- use Pencil guides and platform constraints as buildability aids only; they must not replace the resolved primary adapter as the art-direction source
|
|
189
191
|
- do not let them redefine behavior, page truth, route truth, or acceptance rules
|
|
190
192
|
- if a requested adapter is unavailable locally, continue with native Da Vinci design rules and record the fallback
|
|
191
193
|
|
|
@@ -474,6 +476,8 @@ When visual adapters are requested:
|
|
|
474
476
|
- resolve them from local availability when possible
|
|
475
477
|
- choose one primary adapter when multiple helpers are available
|
|
476
478
|
- record the requested adapters, resolved primary adapter, any secondary helpers, and fallback status in `design-registry.md`
|
|
479
|
+
- treat the resolved primary adapter as the design lead for the first Pencil pass, especially on anchor screens and quality-critical surfaces
|
|
480
|
+
- if `Require Adapter: true` and the requested adapter is unavailable, treat that as a blocker instead of silently downgrading the visual bar
|
|
477
481
|
- continue with native Da Vinci design rules when no adapter is available unless the user explicitly requires a specific adapter
|
|
478
482
|
|
|
479
483
|
If the request is too vague to design or implement safely, ask a short clarification question before generating artifacts.
|
|
@@ -517,16 +521,21 @@ When creating or editing Pencil designs:
|
|
|
517
521
|
- use the workflow-owned `.pen` path from `design-registry.md` as the active design target
|
|
518
522
|
- do not keep designing in whichever Pencil document happens to be open unless it already matches the registered project-local path
|
|
519
523
|
- use the resolved visual adapter, when available, for composition, hierarchy, restraint, and motion guidance
|
|
524
|
+
- on complex redesigns, design only 1-3 anchor surfaces first before broad multi-screen generation
|
|
525
|
+
- make each anchor surface fully composed with real hierarchy and content structure before expanding the rest of the product
|
|
520
526
|
- before broad page generation, write a visual thesis, a content plan, and an interaction thesis for the current surface
|
|
527
|
+
- use screenshot review after each anchor surface and revise before cloning or expanding variants
|
|
521
528
|
- Keep page names, section names, and labels aligned with the specs
|
|
522
529
|
- Make important states explicit when they change implementation: empty, loading, success, error, restricted, unavailable
|
|
523
530
|
- Prefer layout clarity and information hierarchy over decorative complexity
|
|
524
531
|
- Reject generic UI patterns such as dashboard-card mosaics, weak visual anchors, decorative clutter, or motion with no hierarchy value
|
|
532
|
+
- reject placeholder-heavy scaffolds; unresolved placeholder rectangles are not acceptable substitutes for real screen composition
|
|
525
533
|
- For `redesign-from-code`, redesign from page responsibilities and state decomposition, not by recoloring or slightly rearranging the old UI
|
|
526
534
|
- After changes, inspect the result visually before treating it as implementation-ready
|
|
527
535
|
|
|
528
536
|
When multiple pages exist:
|
|
529
537
|
|
|
538
|
+
- derive the remaining pages from approved anchor surfaces and shared primitives rather than from an empty repeated template
|
|
530
539
|
- keep one canonical Pencil page or screen per implementation page
|
|
531
540
|
- record the `.pen` file in `design-registry.md`
|
|
532
541
|
- record the mapping in `pencil-bindings.md`
|
|
@@ -73,6 +73,13 @@ For surface-specific prompt starting points, also see:
|
|
|
73
73
|
|
|
74
74
|
- `docs/prompt-presets/`
|
|
75
75
|
|
|
76
|
+
Each surface file includes:
|
|
77
|
+
|
|
78
|
+
- `Simple redesign`
|
|
79
|
+
- `Complex redesign`
|
|
80
|
+
- `Design-only`
|
|
81
|
+
- `Continue`
|
|
82
|
+
|
|
76
83
|
### 1. New project with clear requirements
|
|
77
84
|
|
|
78
85
|
```text
|
package/docs/mode-use-cases.md
CHANGED
|
@@ -324,6 +324,8 @@ Register the design sources, extract DA-VINCI.md from them, bind covered pages,
|
|
|
324
324
|
|
|
325
325
|
6. create or update `pencil-design.md`
|
|
326
326
|
- build the new redesign baseline in Pencil
|
|
327
|
+
- design 1-3 anchor surfaces first before broad multi-screen expansion
|
|
328
|
+
- let the resolved primary visual adapter lead that first pass
|
|
327
329
|
- persist that baseline into the registered `.da-vinci/designs/` file
|
|
328
330
|
|
|
329
331
|
7. create or update `pencil-bindings.md`
|
|
@@ -339,6 +341,11 @@ Register the design sources, extract DA-VINCI.md from them, bind covered pages,
|
|
|
339
341
|
|
|
340
342
|
### Critical rule in this mode
|
|
341
343
|
|
|
344
|
+
- treat the resolved primary visual adapter as the first-pass design lead when `Preferred adapters` are configured
|
|
345
|
+
- do not let Pencil guides or generic style packs replace that adapter as the art-direction source
|
|
346
|
+
- do not start broad redesign work by scaffolding many empty screens
|
|
347
|
+
- for complex products, get 1-3 anchor surfaces through screenshot review before expanding the rest of the redesign
|
|
348
|
+
|
|
342
349
|
For redesign work:
|
|
343
350
|
|
|
344
351
|
- current code decides behavior
|
|
@@ -10,8 +10,9 @@ Recommended flow:
|
|
|
10
10
|
|
|
11
11
|
1. choose the prompt preset closest to the product surface
|
|
12
12
|
2. choose the matching `Visual Assist` preset
|
|
13
|
-
3.
|
|
14
|
-
4.
|
|
13
|
+
3. choose the prompt variant that matches project complexity and delivery intent
|
|
14
|
+
4. copy both into your workflow setup
|
|
15
|
+
5. tighten the prompt further only when the project has unusual truth sources or platform constraints
|
|
15
16
|
|
|
16
17
|
Available presets:
|
|
17
18
|
|
|
@@ -25,3 +26,10 @@ Design rule:
|
|
|
25
26
|
- prompt presets define workflow intent, decomposition rules, and truth-source handling
|
|
26
27
|
- visual-assist presets define UI-design helper preferences
|
|
27
28
|
- use both together for the strongest result
|
|
29
|
+
|
|
30
|
+
Each scene preset should now include:
|
|
31
|
+
|
|
32
|
+
- `Simple redesign`
|
|
33
|
+
- `Complex redesign`
|
|
34
|
+
- `Design-only`
|
|
35
|
+
- `Continue`
|
|
@@ -9,38 +9,76 @@ Pair with:
|
|
|
9
9
|
Use this when the workflow needs:
|
|
10
10
|
|
|
11
11
|
- dense workspace hierarchy
|
|
12
|
-
- clear
|
|
13
|
-
- disciplined
|
|
14
|
-
- decomposition of complex screens into meaningful surfaces
|
|
12
|
+
- clear primary and secondary working regions
|
|
13
|
+
- disciplined panel, dialog, and inspector treatment
|
|
15
14
|
|
|
16
|
-
|
|
15
|
+
## How To Choose
|
|
16
|
+
|
|
17
|
+
- Use `Simple redesign` when the desktop surface is narrow, mostly single-workspace, or has limited state branching.
|
|
18
|
+
- Use `Complex redesign` when the product has multiple workspaces, side panels, overlays, inspectors, or materially different states.
|
|
19
|
+
- Use `Design-only` when you want the design chain and task readiness without code changes yet.
|
|
20
|
+
- Use `Continue` when the workflow already created artifacts and needs to resume.
|
|
21
|
+
|
|
22
|
+
## Simple Redesign
|
|
17
23
|
|
|
18
24
|
```text
|
|
19
25
|
$da-vinci use redesign-from-code to redesign this existing desktop product.
|
|
20
26
|
|
|
21
27
|
Existing code is the behavior source of truth, not the layout truth.
|
|
22
|
-
Preserve behavior, flows, integrations, and validation rules unless explicitly required otherwise.
|
|
23
|
-
Inventory
|
|
24
|
-
Decompose complex screens into primary surfaces, secondary surfaces, overlays, and materially different states.
|
|
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.
|
|
25
30
|
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
26
|
-
Do not pass design checkpoint if the result is just a boxed-up recolor of the old UI or if
|
|
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.
|
|
27
32
|
Persist project-local Pencil files under .da-vinci/designs/.
|
|
28
33
|
```
|
|
29
34
|
|
|
30
|
-
|
|
35
|
+
## Complex Redesign
|
|
36
|
+
|
|
37
|
+
```text
|
|
38
|
+
$da-vinci use redesign-from-code to redesign this existing desktop product.
|
|
31
39
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
+
```
|
|
35
52
|
|
|
36
|
-
|
|
53
|
+
## Design-Only
|
|
37
54
|
|
|
38
55
|
```text
|
|
39
|
-
$da-vinci use
|
|
56
|
+
$da-vinci use redesign-from-code to redesign this existing desktop product.
|
|
40
57
|
|
|
41
|
-
I need to redesign the UI while preserving current behavior.
|
|
42
58
|
Existing code is the behavior source of truth, not the layout truth.
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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.
|
|
46
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
|
+
## When To Switch To Intake First
|
|
81
|
+
|
|
82
|
+
- workspace boundaries are unclear
|
|
83
|
+
- there are multiple truth sources or mixed product surfaces
|
|
84
|
+
- the first workflow prompt is still hard to phrase cleanly
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Mobile App Prompt Preset
|
|
2
2
|
|
|
3
|
-
Recommended when the
|
|
3
|
+
Recommended when the product surface is a phone-first app.
|
|
4
4
|
|
|
5
5
|
Pair with:
|
|
6
6
|
|
|
@@ -8,39 +8,77 @@ Pair with:
|
|
|
8
8
|
|
|
9
9
|
Use this when the workflow needs:
|
|
10
10
|
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
- clear treatment of sheets, dialogs, tabs, and nested navigation
|
|
11
|
+
- touch-first hierarchy
|
|
12
|
+
- clear handling of tabs, sheets, dialogs, and nested flows
|
|
13
|
+
- state decomposition that matches real app behavior
|
|
15
14
|
|
|
16
|
-
|
|
15
|
+
## How To Choose
|
|
16
|
+
|
|
17
|
+
- Use `Simple redesign` when the app surface is small, mostly contained, or has only a few canonical screens.
|
|
18
|
+
- Use `Complex redesign` when the app has multiple activities, fragments, tabs, overlays, or materially different states.
|
|
19
|
+
- Use `Design-only` when you want the full design chain but do not want code changes yet.
|
|
20
|
+
- Use `Continue` when `.da-vinci/` artifacts already exist and the workflow needs to resume.
|
|
21
|
+
|
|
22
|
+
## Simple Redesign
|
|
17
23
|
|
|
18
24
|
```text
|
|
19
25
|
$da-vinci use redesign-from-code to redesign this existing mobile app.
|
|
20
26
|
|
|
21
27
|
Existing code is the behavior source of truth, not the layout truth.
|
|
22
28
|
Preserve business logic, navigation, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
23
|
-
Inventory
|
|
24
|
-
Decompose complex screens into subpages, overlays, materially different states, and implementation surfaces.
|
|
29
|
+
Inventory the current screens and important states before Pencil work.
|
|
25
30
|
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
26
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.
|
|
27
32
|
Persist project-local Pencil files under .da-vinci/designs/.
|
|
28
33
|
```
|
|
29
34
|
|
|
30
|
-
|
|
35
|
+
## Complex Redesign
|
|
31
36
|
|
|
32
|
-
|
|
33
|
-
-
|
|
34
|
-
- the redesign spans many modules and the first workflow prompt is hard to phrase
|
|
37
|
+
```text
|
|
38
|
+
$da-vinci use redesign-from-code to redesign this existing mobile app.
|
|
35
39
|
|
|
36
|
-
|
|
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
|
|
37
54
|
|
|
38
55
|
```text
|
|
39
|
-
$da-vinci use
|
|
56
|
+
$da-vinci use redesign-from-code to redesign this existing mobile app.
|
|
40
57
|
|
|
41
|
-
I need to redesign the UI while preserving current behavior.
|
|
42
58
|
Existing code is the behavior source of truth, not the layout truth.
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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.
|
|
46
78
|
```
|
|
79
|
+
|
|
80
|
+
## When To Switch To Intake First
|
|
81
|
+
|
|
82
|
+
- the project has multiple truth sources
|
|
83
|
+
- the UI stack is unclear
|
|
84
|
+
- the first workflow prompt is still hard to phrase cleanly
|
|
@@ -10,37 +10,75 @@ Use this when the workflow needs:
|
|
|
10
10
|
|
|
11
11
|
- split-pane or multi-column composition
|
|
12
12
|
- orientation-aware design thinking
|
|
13
|
-
- decomposition of tool
|
|
14
|
-
- treatment of both touch-first and canvas-first interaction patterns
|
|
13
|
+
- clear decomposition of tool regions, side regions, and overlays
|
|
15
14
|
|
|
16
|
-
|
|
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
|
|
17
23
|
|
|
18
24
|
```text
|
|
19
25
|
$da-vinci use redesign-from-code to redesign this existing tablet product.
|
|
20
26
|
|
|
21
27
|
Existing code is the behavior source of truth, not the layout truth.
|
|
22
|
-
Preserve behavior, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
23
|
-
Inventory
|
|
24
|
-
Decompose complex pages into multi-region surfaces, overlays, materially different states, and implementation surfaces.
|
|
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.
|
|
25
30
|
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
26
31
|
Do not pass design checkpoint if the result ignores tablet-scale composition or collapses into a stretched phone layout.
|
|
27
32
|
Persist project-local Pencil files under .da-vinci/designs/.
|
|
28
33
|
```
|
|
29
34
|
|
|
30
|
-
|
|
35
|
+
## Complex Redesign
|
|
36
|
+
|
|
37
|
+
```text
|
|
38
|
+
$da-vinci use redesign-from-code to redesign this existing tablet product.
|
|
31
39
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
-
|
|
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
|
+
```
|
|
35
52
|
|
|
36
|
-
|
|
53
|
+
## Design-Only
|
|
37
54
|
|
|
38
55
|
```text
|
|
39
|
-
$da-vinci use
|
|
56
|
+
$da-vinci use redesign-from-code to redesign this existing tablet product.
|
|
40
57
|
|
|
41
|
-
I need to redesign the UI while preserving current behavior.
|
|
42
58
|
Existing code is the behavior source of truth, not the layout truth.
|
|
59
|
+
Preserve current behavior, permissions, integrations, and state transitions.
|
|
43
60
|
Inventory split-pane regions, sidebars, dialogs, sheets, orientation changes, and important states.
|
|
44
|
-
Decompose complex pages before Pencil work.
|
|
45
|
-
|
|
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.
|
|
46
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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Web App Prompt Preset
|
|
2
2
|
|
|
3
|
-
Recommended when the product is a browser-based application or product
|
|
3
|
+
Recommended when the product is a browser-based application or a web product with app-like surfaces.
|
|
4
4
|
|
|
5
5
|
Pair with:
|
|
6
6
|
|
|
@@ -8,40 +8,78 @@ Pair with:
|
|
|
8
8
|
|
|
9
9
|
Use this when the workflow needs:
|
|
10
10
|
|
|
11
|
-
- responsive
|
|
11
|
+
- responsive hierarchy
|
|
12
12
|
- separation between marketing and product surfaces
|
|
13
|
-
- careful
|
|
14
|
-
- decomposition of complex flows into real surfaces instead of one oversized page
|
|
13
|
+
- careful treatment of empty, loading, error, and authenticated states
|
|
15
14
|
|
|
16
|
-
|
|
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
|
|
17
23
|
|
|
18
24
|
```text
|
|
19
25
|
$da-vinci use redesign-from-code to redesign this existing web product.
|
|
20
26
|
|
|
21
27
|
Existing code is the behavior source of truth, not the layout truth.
|
|
22
28
|
Preserve current business logic, routes, permissions, integrations, validations, and state transitions unless explicitly required otherwise.
|
|
23
|
-
Inventory
|
|
24
|
-
Separate marketing-style surfaces from product-workflow surfaces when they require different visual treatment.
|
|
25
|
-
Decompose complex pages into subpages, overlays, materially different states, and implementation surfaces.
|
|
29
|
+
Inventory the current product surfaces and important states before Pencil work.
|
|
26
30
|
Use the Visual Assist preferences declared in DA-VINCI.md.
|
|
27
31
|
Do not pass design checkpoint if the result is a generic SaaS card grid or a recolor of the old interface.
|
|
28
32
|
Persist project-local Pencil files under .da-vinci/designs/.
|
|
29
33
|
```
|
|
30
34
|
|
|
31
|
-
|
|
35
|
+
## Complex Redesign
|
|
32
36
|
|
|
33
|
-
|
|
34
|
-
-
|
|
35
|
-
- there are external design references that must stay subordinate to existing behavior
|
|
37
|
+
```text
|
|
38
|
+
$da-vinci use redesign-from-code to redesign this existing web product.
|
|
36
39
|
|
|
37
|
-
|
|
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
|
|
38
55
|
|
|
39
56
|
```text
|
|
40
|
-
$da-vinci use
|
|
57
|
+
$da-vinci use redesign-from-code to redesign this existing web product.
|
|
41
58
|
|
|
42
|
-
I need to redesign the UI while preserving current behavior.
|
|
43
59
|
Existing code is the behavior source of truth, not the layout truth.
|
|
60
|
+
Preserve current behavior, routes, permissions, integrations, and state transitions.
|
|
44
61
|
Inventory product surfaces, marketing surfaces, overlays, and important states.
|
|
45
|
-
Decompose complex pages before Pencil work.
|
|
46
|
-
|
|
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.
|
|
47
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`
|
|
@@ -19,6 +19,7 @@ If the project is design-critical or previous outputs were weak, generic, or too
|
|
|
19
19
|
- move `frontend-skill` to the first slot
|
|
20
20
|
- consider `Require Adapter: true`
|
|
21
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
|
|
22
23
|
|
|
23
24
|
Available presets:
|
|
24
25
|
|
|
@@ -33,3 +34,4 @@ How to use them:
|
|
|
33
34
|
2. copy the `## Visual Assist` block into `DA-VINCI.md`
|
|
34
35
|
3. adjust adapter order only if the project clearly needs a different visual bias
|
|
35
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
|