@xenonbyte/da-vinci-workflow 0.1.11 → 0.1.13

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 (33) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +25 -1
  3. package/README.zh-CN.md +25 -1
  4. package/SKILL.md +23 -0
  5. package/commands/claude/da-vinci.md +3 -0
  6. package/commands/codex/prompts/da-vinci.md +3 -0
  7. package/commands/gemini/da-vinci.toml +3 -0
  8. package/docs/codex-natural-language-usage.md +7 -0
  9. package/docs/mode-use-cases.md +18 -0
  10. package/docs/prompt-presets/README.md +10 -2
  11. package/docs/prompt-presets/desktop-app.md +56 -18
  12. package/docs/prompt-presets/mobile-app.md +64 -18
  13. package/docs/prompt-presets/tablet-app.md +53 -15
  14. package/docs/prompt-presets/web-app.md +55 -17
  15. package/docs/visual-adapters.md +27 -0
  16. package/docs/visual-assist-presets/README.md +2 -0
  17. package/docs/workflow-examples.md +23 -9
  18. package/docs/zh-CN/codex-natural-language-usage.md +7 -0
  19. package/docs/zh-CN/mode-use-cases.md +17 -0
  20. package/docs/zh-CN/prompt-presets/README.md +10 -2
  21. package/docs/zh-CN/prompt-presets/desktop-app.md +56 -18
  22. package/docs/zh-CN/prompt-presets/mobile-app.md +63 -17
  23. package/docs/zh-CN/prompt-presets/tablet-app.md +53 -15
  24. package/docs/zh-CN/prompt-presets/web-app.md +54 -16
  25. package/docs/zh-CN/visual-adapters.md +27 -0
  26. package/docs/zh-CN/visual-assist-presets/README.md +2 -0
  27. package/docs/zh-CN/workflow-examples.md +23 -9
  28. package/package.json +1 -1
  29. package/references/artifact-templates.md +46 -0
  30. package/references/checkpoints.md +19 -1
  31. package/references/design-inputs.md +12 -1
  32. package/references/pencil-design-to-code.md +22 -1
  33. package/references/platform-adapters.md +6 -0
package/CHANGELOG.md CHANGED
@@ -4,6 +4,22 @@
4
4
 
5
5
  - No unreleased changes yet.
6
6
 
7
+ ## v0.1.13 - 2026-03-27
8
+
9
+ ### Changed
10
+ - visual-adapter execution now requires explicit runtime declaration of the resolved primary adapter, available and unavailable requested adapters, and pre-anchor thesis writing instead of relying on artifact metadata alone
11
+ - redesign guidance now requires anchor-surface structural-delta notes, shared primitives before broad page expansion, and screenshot review that cannot auto-pass when analysis reports hierarchy, spacing, clarity, or inconsistency issues
12
+ - `.da-vinci/designs/` is now documented more strictly as a `.pen`-only directory, and design-source guidance now expects shell-visible `.pen` persistence immediately after the first successful Pencil write
13
+ - Pencil workflow guidance now explicitly rejects web-only properties such as `flex` and `margin`, and platform-adapter docs now warn against assuming cross-platform equivalence between near-name visual adapters
14
+
15
+ ## v0.1.12 - 2026-03-27
16
+
17
+ ### Changed
18
+ - visual-adapter resolution now documents that the resolved primary adapter must actively lead the first design pass instead of being recorded only for traceability
19
+ - complex redesign guidance now requires anchor-first Pencil generation: design 1-3 anchor surfaces, review screenshots, then expand the rest of the product
20
+ - design-checkpoint guidance now explicitly blocks placeholder-heavy repeated scaffolds and broad multi-screen generation that starts before anchor surfaces are compositionally stable
21
+ - 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
22
+
7
23
  ## v0.1.11 - 2026-03-27
8
24
 
9
25
  ### Changed
package/README.md CHANGED
@@ -27,10 +27,21 @@ This workflow is intended for:
27
27
 
28
28
  Latest published npm package:
29
29
 
30
- - `@xenonbyte/da-vinci-workflow@0.1.10`
30
+ - `@xenonbyte/da-vinci-workflow@0.1.13`
31
31
 
32
32
  Release highlights:
33
33
 
34
+ - visual-adapter execution now requires explicit runtime declaration of the resolved primary adapter and any unavailable requested adapters
35
+ - cross-platform near-name adapters such as `frontend-skill` and `frontend-design` are now treated as distinct unless the current environment explicitly resolves them
36
+ - complex `redesign-from-code` runs now require a visual thesis, content plan, interaction thesis, and anchor-surface structural-delta notes before broad Pencil generation
37
+ - screenshot review is now documented as a binding gate; analysis that reports hierarchy, spacing, clarity, or inconsistency issues cannot be treated as an automatic pass
38
+ - `.da-vinci/designs/` is now documented more strictly as a `.pen`-only directory, and project-local `.pen` persistence must be verified as shell-visible immediately after the first Pencil write
39
+ - multi-surface redesign guidance now requires a shared primitive family to be defined from approved anchor surfaces before broad page expansion
40
+ - Pencil generation guidance now explicitly rejects web-only properties such as `flex` and `margin`
41
+ - visual-adapter resolution now requires the resolved primary adapter to actively lead the first design pass
42
+ - complex redesigns now default to anchor-first Pencil generation: design 1-3 anchor surfaces, review screenshots, then expand
43
+ - design checkpoint now explicitly blocks placeholder-heavy repeated scaffolds and premature broad multi-screen generation
44
+ - prompt presets for mobile, desktop, web, and tablet now include `Simple redesign`, `Complex redesign`, `Design-only`, and `Continue` variants
34
45
  - `redesign-from-code` now states explicitly that existing code is behavior truth, not layout truth
35
46
  - complex pages are now expected to decompose into subpages, overlays, materially different states, and implementation surfaces before broad Pencil redesign
36
47
  - design-checkpoint guidance now explicitly blocks skin-swap redesigns, generic card mosaics, weak visual anchors, and decorative clutter
@@ -147,6 +158,17 @@ Selection rules:
147
158
 
148
159
  - keep `ui-ux-pro-max` first for dense app and dashboard surfaces when the visual bar is moderate
149
160
  - move `frontend-skill` to the first slot when art direction, composition quality, and premium visual hierarchy matter more
161
+ - when `Preferred adapters` are configured, the resolved primary adapter should actively lead the first design pass instead of being recorded only for traceability
162
+ - state the resolved primary adapter explicitly at runtime and name any requested adapters that are unavailable
163
+ - do not assume cross-platform equivalence between near-name adapters
164
+ - write a visual thesis, content plan, and interaction thesis before the first anchor surface
165
+ - use Pencil guides as platform/buildability constraints, not as the main art-direction source
166
+ - on complex redesigns, design 1-3 anchor surfaces first and review screenshots before broad multi-screen generation
167
+ - for each anchor surface, explain how the new composition differs structurally from the current layout
168
+ - do not auto-pass screenshot review when analysis reports hierarchy, spacing, clarity, inconsistency, or unresolved-placeholder issues
169
+ - define shared primitives from the approved anchor surfaces before broad page expansion
170
+ - keep `.da-vinci/designs/` reserved for `.pen` files only and verify the registered `.pen` path is shell-visible after the first Pencil write
171
+ - use only Pencil-supported properties; do not rely on web-only props such as `flex` or `margin`
150
172
  - keep `Fallback: native-da-vinci` unless you explicitly want missing adapters to block the workflow
151
173
  - keep `Require Adapter: false` by default and raise it to `true` only for design-critical work
152
174
  - keep `Scope` limited to presentation quality; do not use it to delegate behavior, routes, or state truth
@@ -515,6 +537,7 @@ See:
515
537
 
516
538
  - `docs/prompt-entrypoints.md`
517
539
  - `docs/prompt-presets/`
540
+ - includes `Simple redesign`, `Complex redesign`, `Design-only`, and `Continue` variants in each surface file
518
541
  - `docs/codex-natural-language-usage.md`
519
542
  - `docs/visual-adapters.md`
520
543
  - `docs/visual-assist-presets/`
@@ -527,6 +550,7 @@ Chinese companion documents are included in this repository:
527
550
 
528
551
  - `README.zh-CN.md`
529
552
  - `docs/zh-CN/prompt-presets/`
553
+ - each surface file also includes `Simple redesign`, `Complex redesign`, `Design-only`, and `Continue`
530
554
  - `docs/zh-CN/visual-adapters.md`
531
555
  - `docs/zh-CN/visual-assist-presets/`
532
556
  - `docs/zh-CN/`
package/README.zh-CN.md CHANGED
@@ -29,10 +29,21 @@ Da Vinci 是一个把产品需求一路推进到结构化规格、Pencil 设计
29
29
 
30
30
  最新已发布 npm 包:
31
31
 
32
- - `@xenonbyte/da-vinci-workflow@0.1.10`
32
+ - `@xenonbyte/da-vinci-workflow@0.1.13`
33
33
 
34
34
  已发布版本重点:
35
35
 
36
+ - visual adapter 的执行现在要求在运行时明确声明解析出来的主 adapter,以及哪些请求的 adapter 当前不可用
37
+ - `frontend-skill`、`frontend-design` 这类跨平台近名 adapter 现在明确视为不同能力源,除非当前环境真的解析到了它们
38
+ - 复杂 `redesign-from-code` 现在要求在大规模 Pencil 设计前先写 visual thesis、content plan、interaction thesis 和 anchor surface 的 structural-delta 说明
39
+ - screenshot review 现在被明确强调为硬闸门;只要分析指出 hierarchy、spacing、clarity 或 inconsistency 问题,就不能自动判通过
40
+ - `.da-vinci/designs/` 现在更明确只用于放 `.pen` 文件,而且第一次 Pencil 写入后就要验证对应 `.pen` 已经成为 shell 可见文件
41
+ - 多 surface 重设计现在要求先从已通过的 anchor surface 中抽出 shared primitive family,再扩展更多页面
42
+ - Pencil 生成规则现在明确拒绝 `flex`、`margin` 这类 Web 属性
43
+ - visual adapter 解析现在要求“解析出来的主 adapter 必须真正主导首轮设计”,而不是只登记在工件里
44
+ - 复杂重设计现在默认采用 anchor-first 的 Pencil 生成策略:先做 1 到 3 个 anchor surface,截图审查后再扩展
45
+ - design checkpoint 现在会明确拦截大量空占位、重复模板和过早的大批量多页面脚手架
46
+ - 移动端、桌面端、Web、平板的提示词模板现在都包含 `Simple redesign`、`Complex redesign`、`Design-only`、`Continue`
36
47
  - `redesign-from-code` 现在明确写清:现有代码只是真相行为,不是真相布局
37
48
  - 复杂页面现在明确要求在大规模 Pencil 重设计前拆成 subpage、overlay、明显不同 state 和 implementation surface
38
49
  - design checkpoint 现在明确会拦截旧 UI 换皮、通用卡片拼贴、弱视觉锚点和装饰性噪音
@@ -152,6 +163,17 @@ Da Vinci V2 支持四种模式:
152
163
 
153
164
  - 高密度 app、dashboard、工具型界面,且视觉要求中等时,优先把 `ui-ux-pro-max` 放第一位
154
165
  - 如果更重视 art direction、构图和高级感,就把 `frontend-skill` 放第一位
166
+ - 一旦配置了 `Preferred adapters`,解析出来的主 adapter 应该真正主导首轮设计,而不是只登记在工件里
167
+ - 运行时必须明确写出解析出来的主 adapter,以及哪些请求的 adapter 当前不可用
168
+ - 不要默认把跨平台的近名 adapter 当成同一个能力源
169
+ - 在第一个 anchor surface 之前,先写 visual thesis、content plan 和 interaction thesis
170
+ - Pencil 的 guide 只应该约束平台布局和可实现性,不应该替代主 adapter 成为设计方向来源
171
+ - 面对复杂重设计时,先做 1 到 3 个 anchor surface,并完成截图审查,再扩展到更多页面
172
+ - 对每个 anchor surface,都要说明“新的构图和当前布局结构相比,具体改了什么”
173
+ - 如果截图分析指出 hierarchy、spacing、clarity、inconsistency 或 unresolved placeholder 问题,就不能自动判通过
174
+ - 在扩展更多页面前,先从已通过的 anchor surface 中抽出 shared primitives
175
+ - `.da-vinci/designs/` 只应该放 `.pen` 文件,并且第一次 Pencil 写入后就要验证登记路径已经成为 shell 可见文件
176
+ - 只使用 Pencil 支持的属性,不要继续使用 `flex`、`margin` 这类 Web 属性
155
177
  - 默认保留 `Fallback: native-da-vinci`
156
178
  - `Require Adapter` 默认保持 `false`,只有设计要求很高时再改成 `true`
157
179
  - `Scope` 只管 presentation 质量,不要拿它去定义 behavior、route 或 state truth
@@ -428,6 +450,7 @@ Continue into full-delivery.
428
450
  - `docs/codex-natural-language-usage.md`
429
451
  - `docs/prompt-entrypoints.md`
430
452
  - `docs/prompt-presets/`
453
+ - 每个场景文件都包含 `Simple redesign`、`Complex redesign`、`Design-only`、`Continue`
431
454
  - `docs/visual-adapters.md`
432
455
  - `docs/visual-assist-presets/`
433
456
  - `docs/workflow-examples.md`
@@ -438,6 +461,7 @@ Continue into full-delivery.
438
461
 
439
462
  - `README.zh-CN.md`
440
463
  - `docs/zh-CN/prompt-presets/`
464
+ - 每个场景文件也都包含 `Simple redesign`、`Complex redesign`、`Design-only`、`Continue`
441
465
  - `docs/zh-CN/visual-adapters.md`
442
466
  - `docs/zh-CN/visual-assist-presets/`
443
467
  - `docs/zh-CN/`
package/SKILL.md CHANGED
@@ -185,7 +185,12 @@ 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
+ - do not assume cross-platform equivalence between near-name adapters such as `frontend-skill` and `frontend-design`; only resolve adapters that are explicitly named and actually installed in the current environment
189
+ - record which requested adapters were available, which were unavailable, and which adapter became the resolved primary adapter
190
+ - 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
191
+ - when a resolved primary adapter is available, state that runtime resolution explicitly before the first anchor-screen design pass and let it drive the visual thesis, content plan, and interaction thesis
188
192
  - use them to improve visual contract quality, composition, hierarchy, spacing, and motion guidance
193
+ - use Pencil guides and platform constraints as buildability aids only; they must not replace the resolved primary adapter as the art-direction source
189
194
  - do not let them redefine behavior, page truth, route truth, or acceptance rules
190
195
  - if a requested adapter is unavailable locally, continue with native Da Vinci design rules and record the fallback
191
196
 
@@ -211,6 +216,17 @@ Default completion rule:
211
216
  - if the request is `design-only`, stop after design artifacts and bindings
212
217
  - otherwise assume `full-delivery` and continue through implementation and verification
213
218
 
219
+ ## Pencil Generation Rules
220
+
221
+ During active Pencil work:
222
+
223
+ - keep `.da-vinci/designs/` reserved for project-local `.pen` files; do not write workflow markdown such as inventories, proposals, or checkpoints into that directory
224
+ - on `redesign-from-code`, write a short structural-delta note for each anchor surface explaining how the new composition differs from the current XML or layout grouping
225
+ - after the first successful Pencil write, verify that the registered project-local `.pen` path exists as a shell-visible file before treating the design source as persistent
226
+ - use only Pencil-supported properties; do not emit web- or CSS-only layout properties such as `flex` or `margin`
227
+ - on complex redesigns, turn approved anchor surfaces into a small shared primitive family before broad page expansion
228
+ - screenshot review is binding: if the review calls out hierarchy, spacing, clarity, inconsistency, or unresolved-placeholder issues, revise the screen before treating the checkpoint as `PASS`
229
+
214
230
  ## Load References On Demand
215
231
 
216
232
  Load only the reference that matches the current step:
@@ -474,6 +490,8 @@ When visual adapters are requested:
474
490
  - resolve them from local availability when possible
475
491
  - choose one primary adapter when multiple helpers are available
476
492
  - record the requested adapters, resolved primary adapter, any secondary helpers, and fallback status in `design-registry.md`
493
+ - treat the resolved primary adapter as the design lead for the first Pencil pass, especially on anchor screens and quality-critical surfaces
494
+ - if `Require Adapter: true` and the requested adapter is unavailable, treat that as a blocker instead of silently downgrading the visual bar
477
495
  - continue with native Da Vinci design rules when no adapter is available unless the user explicitly requires a specific adapter
478
496
 
479
497
  If the request is too vague to design or implement safely, ask a short clarification question before generating artifacts.
@@ -517,16 +535,21 @@ When creating or editing Pencil designs:
517
535
  - use the workflow-owned `.pen` path from `design-registry.md` as the active design target
518
536
  - do not keep designing in whichever Pencil document happens to be open unless it already matches the registered project-local path
519
537
  - use the resolved visual adapter, when available, for composition, hierarchy, restraint, and motion guidance
538
+ - on complex redesigns, design only 1-3 anchor surfaces first before broad multi-screen generation
539
+ - make each anchor surface fully composed with real hierarchy and content structure before expanding the rest of the product
520
540
  - before broad page generation, write a visual thesis, a content plan, and an interaction thesis for the current surface
541
+ - use screenshot review after each anchor surface and revise before cloning or expanding variants
521
542
  - Keep page names, section names, and labels aligned with the specs
522
543
  - Make important states explicit when they change implementation: empty, loading, success, error, restricted, unavailable
523
544
  - Prefer layout clarity and information hierarchy over decorative complexity
524
545
  - Reject generic UI patterns such as dashboard-card mosaics, weak visual anchors, decorative clutter, or motion with no hierarchy value
546
+ - reject placeholder-heavy scaffolds; unresolved placeholder rectangles are not acceptable substitutes for real screen composition
525
547
  - For `redesign-from-code`, redesign from page responsibilities and state decomposition, not by recoloring or slightly rearranging the old UI
526
548
  - After changes, inspect the result visually before treating it as implementation-ready
527
549
 
528
550
  When multiple pages exist:
529
551
 
552
+ - derive the remaining pages from approved anchor surfaces and shared primitives rather than from an empty repeated template
530
553
  - keep one canonical Pencil page or screen per implementation page
531
554
  - record the `.pen` file in `design-registry.md`
532
555
  - record the mapping in `pencil-bindings.md`
@@ -22,6 +22,9 @@ Notes:
22
22
  - Requirements decide behavior.
23
23
  - Pencil decides presentation.
24
24
  - Code must follow both.
25
+ - If `Visual Assist` is configured, resolve and state the actual primary visual adapter for this environment instead of assuming cross-platform skill equivalence.
26
+ - Keep `.da-vinci/designs/` reserved for `.pen` files only.
27
+ - On complex redesigns, design 1-3 anchor surfaces first and treat screenshot review as a binding gate before broad expansion.
25
28
  - Use `intake` when the user needs help phrasing the first workflow request.
26
29
  - Use `continue` when `.da-vinci/` artifacts already exist and the workflow must resume.
27
30
  - Keep workflow semantics shared across Codex, Claude, and Gemini.
@@ -21,6 +21,9 @@ Available routes:
21
21
 
22
22
  Important:
23
23
  - Treat `/prompts:*` as action selectors in Codex.
24
+ - If `Visual Assist` is configured, resolve and state the actual primary visual adapter for this environment instead of assuming cross-platform skill equivalence.
25
+ - Keep `.da-vinci/designs/` reserved for `.pen` files only.
26
+ - On complex redesigns, design 1-3 anchor surfaces first and treat screenshot review as a binding gate before broad expansion.
24
27
  - Use `intake` when the user does not know how to phrase the first request.
25
28
  - Use `continue` when `.da-vinci/` artifacts already exist and the workflow must resume.
26
29
  - If details are still needed after route selection, provide them in the next message.
@@ -24,6 +24,9 @@ Notes:
24
24
  - Requirements decide behavior.
25
25
  - Pencil decides presentation.
26
26
  - Code must follow both.
27
+ - If `Visual Assist` is configured, resolve and state the actual primary visual adapter for this environment instead of assuming cross-platform skill equivalence.
28
+ - Keep `.da-vinci/designs/` reserved for `.pen` files only.
29
+ - On complex redesigns, design 1-3 anchor surfaces first and treat screenshot review as a binding gate before broad expansion.
27
30
  - Use `intake` when the user needs help phrasing the first workflow request.
28
31
  - Use `continue` when `.da-vinci/` artifacts already exist and the workflow must resume.
29
32
  - Keep workflow semantics shared across Claude, Codex, and Gemini.
@@ -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
@@ -42,6 +42,7 @@ Rule:
42
42
  - only `DA-VINCI.md` belongs at the project root
43
43
  - all other workflow outputs should stay under `.da-vinci/`
44
44
  - persisted project-local Pencil files should stay under `.da-vinci/designs/`
45
+ - `.da-vinci/designs/` should contain `.pen` files only, not workflow markdown
45
46
 
46
47
  ## Quick mode selection
47
48
 
@@ -324,7 +325,11 @@ Register the design sources, extract DA-VINCI.md from them, bind covered pages,
324
325
 
325
326
  6. create or update `pencil-design.md`
326
327
  - build the new redesign baseline in Pencil
328
+ - write the visual thesis, content plan, interaction thesis, and structural-delta notes before broad anchor generation
329
+ - design 1-3 anchor surfaces first before broad multi-screen expansion
330
+ - let the resolved primary visual adapter lead that first pass
327
331
  - persist that baseline into the registered `.da-vinci/designs/` file
332
+ - verify that registered `.pen` path is shell-visible immediately after the first successful Pencil write
328
333
 
329
334
  7. create or update `pencil-bindings.md`
330
335
  - bind pages to redesign screens
@@ -339,6 +344,18 @@ Register the design sources, extract DA-VINCI.md from them, bind covered pages,
339
344
 
340
345
  ### Critical rule in this mode
341
346
 
347
+ - treat the resolved primary visual adapter as the first-pass design lead when `Preferred adapters` are configured
348
+ - state the resolved primary adapter explicitly at runtime, including which requested adapters were unavailable
349
+ - do not assume cross-platform equivalence between near-name adapters; resolve the installed adapter names for the current environment
350
+ - when a primary adapter is active, write the visual thesis, content plan, and interaction thesis before the first anchor screen
351
+ - do not let Pencil guides or generic style packs replace that adapter as the art-direction source
352
+ - do not start broad redesign work by scaffolding many empty screens
353
+ - for complex products, get 1-3 anchor surfaces through screenshot review before expanding the rest of the redesign
354
+ - for each anchor surface, explain briefly how the new composition differs from the current layout grouping
355
+ - do not auto-pass screenshot review if the analysis reports hierarchy, spacing, clarity, inconsistency, or unresolved-placeholder issues
356
+ - define a small shared primitive family from the approved anchor surfaces before broad page expansion
357
+ - use only Pencil-supported properties; do not rely on web-only props such as `flex` or `margin`
358
+
342
359
  For redesign work:
343
360
 
344
361
  - current code decides behavior
@@ -355,6 +372,7 @@ Fresh-layout rule:
355
372
  Project-local `.pen` rule:
356
373
 
357
374
  - the preferred `.pen` path in `design-registry.md` is owned by the workflow, not by user hand-editing
375
+ - keep `.da-vinci/designs/` reserved for `.pen` files rather than workflow markdown
358
376
  - do not keep redesign work inside an unrelated active Pencil editor just because it is currently open
359
377
  - if Pencil MCP does not materialize the registered shell-visible file automatically, reconstruct and write that `.pen` file before mapping or implementation is treated as complete
360
378
 
@@ -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. copy both into your workflow setup
14
- 4. tighten the prompt further only when the project has unusual truth sources or platform constraints
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 tool panels and primary working surfaces
13
- - disciplined modal and secondary-panel treatment
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
- Recommended prompt:
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 primary workspaces, side panels, secondary panels, dialogs, settings flows, overlays, and important states before broad Pencil work.
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 panel hierarchy remains unclear.
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
- When to switch to `intake` first:
35
+ ## Complex Redesign
36
+
37
+ ```text
38
+ $da-vinci use redesign-from-code to redesign this existing desktop product.
31
39
 
32
- - the desktop architecture is large
33
- - modules and workspace boundaries are unclear
34
- - there are multiple existing design references or mixed product surfaces
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
- `intake` variant:
53
+ ## Design-Only
37
54
 
38
55
  ```text
39
- $da-vinci use intake for this existing desktop product.
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
- Inventory workspaces, panels, dialogs, overlays, settings flows, and important states.
44
- Decompose complex screens before Pencil work.
45
- Generate the best executable Da Vinci workflow prompt for the next step.
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 project is a phone-first product surface.
3
+ Recommended when the product surface is a phone-first app.
4
4
 
5
5
  Pair with:
6
6
 
@@ -8,39 +8,85 @@ Pair with:
8
8
 
9
9
  Use this when the workflow needs:
10
10
 
11
- - app-first hierarchy
12
- - touch-first interaction surfaces
13
- - strong state decomposition
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
- Recommended prompt:
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 routes, screens, tabs, dialogs, bottom sheets, nested flows, and important states before broad Pencil work.
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
- When to switch to `intake` first:
35
+ ## Complex Redesign
31
36
 
32
- - the project has multiple truth sources
33
- - the UI stack is unclear
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
- `intake` variant:
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
+ State the resolved primary visual adapter explicitly in the log and name any requested adapters that are unavailable.
47
+ Before the first anchor surface, write a visual thesis, content plan, and interaction thesis.
48
+ Use Pencil guides only as layout constraints, not as the design direction.
49
+ Do not start with broad multi-screen scaffolding.
50
+ Design 1-3 anchor surfaces first, review screenshots, then expand.
51
+ For each anchor surface, explain how the new composition differs structurally from the current layout.
52
+ Do not treat screenshot analysis as an automatic pass if it reports hierarchy, spacing, clarity, or inconsistency issues.
53
+ Use only Pencil-supported properties; do not use web-only props like flex or margin.
54
+ Verify the registered project-local `.pen` file exists as a shell-visible file after the first Pencil write.
55
+ Keep non-`.pen` workflow artifacts out of `.da-vinci/designs/`.
56
+ Define shared primitives from the approved anchor surfaces before broad page expansion.
57
+ 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.
58
+ Persist project-local Pencil files under .da-vinci/designs/.
59
+ ```
60
+
61
+ ## Design-Only
37
62
 
38
63
  ```text
39
- $da-vinci use intake for this existing mobile app.
64
+ $da-vinci use redesign-from-code to redesign this existing mobile app.
40
65
 
41
- I need to redesign the UI while preserving current behavior.
42
66
  Existing code is the behavior source of truth, not the layout truth.
43
- Inventory screens, tabs, dialogs, bottom sheets, nested flows, and important states.
44
- Decompose complex screens before Pencil work.
45
- Generate the best executable Da Vinci workflow prompt for the next step.
67
+ Preserve current behavior and navigation.
68
+ Inventory screens, tabs, dialogs, bottom sheets, nested flows, overlays, and important states.
69
+ Decompose complex screens into real design surfaces before Pencil work.
70
+ Use the Visual Assist preferences declared in DA-VINCI.md.
71
+ If the app is complex, design 1-3 anchor surfaces first, review screenshots, then expand.
72
+ 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.
73
+ Do not start code changes yet.
74
+ ```
75
+
76
+ ## Continue
77
+
78
+ ```text
79
+ $da-vinci use continue for this existing mobile-app redesign workflow.
80
+
81
+ Use the existing Da Vinci artifacts in this project.
82
+ Do not restart discovery unless an artifact is missing or clearly wrong.
83
+ Keep the registered project-local Pencil source under .da-vinci/designs/ as the design source of truth.
84
+ If the redesign is complex, keep the anchor-first flow until the design checkpoint passes.
85
+ Continue into the next unfinished stage and do not stop at tasks.md when the active intent is full-delivery.
46
86
  ```
87
+
88
+ ## When To Switch To Intake First
89
+
90
+ - the project has multiple truth sources
91
+ - the UI stack is unclear
92
+ - 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 surfaces, side regions, and overlays
14
- - treatment of both touch-first and canvas-first interaction patterns
13
+ - clear decomposition of tool regions, side regions, and overlays
15
14
 
16
- Recommended prompt:
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 split-pane regions, sidebars, expanded canvases, dialogs, sheets, orientation-driven changes, and important states before broad Pencil work.
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
- When to switch to `intake` first:
35
+ ## Complex Redesign
36
+
37
+ ```text
38
+ $da-vinci use redesign-from-code to redesign this existing tablet product.
31
39
 
32
- - the product has both phone and tablet surfaces
33
- - orientation or multi-pane logic is complicated
34
- - the design references do not map cleanly to the real implementation surfaces
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
- `intake` variant:
53
+ ## Design-Only
37
54
 
38
55
  ```text
39
- $da-vinci use intake for this existing tablet product.
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
- Generate the best executable Da Vinci workflow prompt for the next step.
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