@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
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,22 @@
|
|
|
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
|
+
|
|
15
|
+
## v0.1.11 - 2026-03-27
|
|
16
|
+
|
|
17
|
+
### Changed
|
|
18
|
+
- Da Vinci now documents `design-source checkpoint` between design review and page-to-Pencil mapping so project-local `.pen` persistence is verified before implementation work proceeds
|
|
19
|
+
- project-local `.pen` paths in `design-registry.md` are now defined more explicitly as workflow-owned state rather than user-authored config
|
|
20
|
+
- Pencil workflow guidance now requires the registered `.pen` path, the active editor source, and the shell-visible project file to reconcile before mapping or implementation is treated as safe
|
|
21
|
+
- workflow examples and mode guides now show project-local `.pen` reconciliation as part of redesign execution rather than an optional cleanup step
|
|
22
|
+
|
|
7
23
|
## v0.1.10 - 2026-03-27
|
|
8
24
|
|
|
9
25
|
### 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
|
|
@@ -252,9 +259,10 @@ Da Vinci uses these checkpoints:
|
|
|
252
259
|
1. `discovery checkpoint`
|
|
253
260
|
2. `spec checkpoint`
|
|
254
261
|
3. `design checkpoint`
|
|
255
|
-
4. `
|
|
256
|
-
5. `
|
|
257
|
-
6. `
|
|
262
|
+
4. `design-source checkpoint`
|
|
263
|
+
5. `mapping checkpoint`
|
|
264
|
+
6. `task checkpoint`
|
|
265
|
+
7. `execution checkpoint`
|
|
258
266
|
|
|
259
267
|
Checkpoint outcomes:
|
|
260
268
|
|
|
@@ -299,6 +307,10 @@ Rules:
|
|
|
299
307
|
- `pencil-bindings.md` is the source of truth for implementation page -> Pencil page mapping
|
|
300
308
|
- in `redesign-from-code`, existing code is behavior truth, not layout truth
|
|
301
309
|
- complex pages should be decomposed into subpages, states, overlays, and implementation surfaces before Pencil redesign is treated as final
|
|
310
|
+
- the preferred `.pen` path recorded in `design-registry.md` is workflow-owned state, not user-authored config
|
|
311
|
+
- when Pencil work starts, Da Vinci should use or create that exact project-local `.pen` path instead of relying on whichever Pencil document happens to be active
|
|
312
|
+
- if Pencil MCP edits a live document but does not materialize the shell-visible project file automatically, the workflow should reconstruct and write the `.pen` file under the registered path before treating the design pass as traceable
|
|
313
|
+
- before `pencil-bindings.md` or implementation tasks are treated as safe, `design-source checkpoint` should confirm that the registered path, the active Pencil source, and the shell-visible `.pen` file converge on the same project-local source
|
|
302
314
|
|
|
303
315
|
Optional visual-adapter policy:
|
|
304
316
|
|
|
@@ -318,18 +330,19 @@ When a relevant mapping already exists:
|
|
|
318
330
|
|
|
319
331
|
- iterate on the mapped Pencil source
|
|
320
332
|
- prefer the project-local `.pen` path already registered in `design-registry.md`
|
|
333
|
+
- do not silently switch to a different active editor path without reconciling `design-registry.md`
|
|
321
334
|
|
|
322
335
|
When mappings do not exist but local code exists:
|
|
323
336
|
|
|
324
337
|
- reconstruct the baseline from the local project
|
|
325
338
|
- rebuild inventory, page map, and design registry
|
|
326
339
|
- decompose complex containers into real design surfaces before broad Pencil generation
|
|
327
|
-
-
|
|
340
|
+
- resolve an exact project-local `.pen` target and materialize that file under `.da-vinci/designs/`
|
|
328
341
|
|
|
329
342
|
When neither mappings nor usable design sources exist:
|
|
330
343
|
|
|
331
344
|
- create a new Pencil baseline from the current local source of truth
|
|
332
|
-
- persist that baseline under `.da-vinci/designs/`
|
|
345
|
+
- persist that baseline under `.da-vinci/designs/` and record the exact path in `design-registry.md`
|
|
333
346
|
|
|
334
347
|
## Design input collection
|
|
335
348
|
|
|
@@ -508,6 +521,8 @@ Continue into full-delivery.
|
|
|
508
521
|
See:
|
|
509
522
|
|
|
510
523
|
- `docs/prompt-entrypoints.md`
|
|
524
|
+
- `docs/prompt-presets/`
|
|
525
|
+
- includes `Simple redesign`, `Complex redesign`, `Design-only`, and `Continue` variants in each surface file
|
|
511
526
|
- `docs/codex-natural-language-usage.md`
|
|
512
527
|
- `docs/visual-adapters.md`
|
|
513
528
|
- `docs/visual-assist-presets/`
|
|
@@ -519,6 +534,8 @@ See:
|
|
|
519
534
|
Chinese companion documents are included in this repository:
|
|
520
535
|
|
|
521
536
|
- `README.zh-CN.md`
|
|
537
|
+
- `docs/zh-CN/prompt-presets/`
|
|
538
|
+
- each surface file also includes `Simple redesign`, `Complex redesign`, `Design-only`, and `Continue`
|
|
522
539
|
- `docs/zh-CN/visual-adapters.md`
|
|
523
540
|
- `docs/zh-CN/visual-assist-presets/`
|
|
524
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
|
|
@@ -252,6 +259,10 @@ project/
|
|
|
252
259
|
- `pencil-bindings.md` 是实现页面到 Pencil 页面绑定的真相源
|
|
253
260
|
- 在 `redesign-from-code` 里,现有代码只是真相行为,不是真相布局
|
|
254
261
|
- 复杂页面在 Pencil 重设计前应该先拆成 subpage、state、overlay 和 implementation surface
|
|
262
|
+
- `design-registry.md` 里登记的首选 `.pen` 路径属于工作流自动维护的状态,不应该依赖用户手工填写
|
|
263
|
+
- 一旦进入 Pencil 设计,Da Vinci 应该使用或创建这个项目内 `.pen` 路径,而不是继续沿用当前随手打开的 Pencil 文档
|
|
264
|
+
- 如果 Pencil MCP 修改了 live 文档但没有自动把项目内 `.pen` 文件落到磁盘,工作流应该先把该 `.pen` 文件补写到登记路径,再把这轮设计当成可追踪结果
|
|
265
|
+
- 在进入 `pencil-bindings.md` 和实现任务前,应该先通过 `design-source checkpoint`,确认登记路径、当前设计源和 shell 可见 `.pen` 文件已经收敛成同一个项目级来源
|
|
255
266
|
|
|
256
267
|
可选 visual adapter 规则:
|
|
257
268
|
|
|
@@ -271,18 +282,19 @@ project/
|
|
|
271
282
|
|
|
272
283
|
- 优先复用已绑定的 Pencil 设计源
|
|
273
284
|
- 如果 `design-registry.md` 里已经登记了 `.da-vinci/designs/` 下的本地 `.pen` 路径,优先使用它
|
|
285
|
+
- 不要在没有同步 `design-registry.md` 的情况下,悄悄切到另一个当前活动编辑器路径继续设计
|
|
274
286
|
|
|
275
287
|
当已有代码存在但还没有映射时:
|
|
276
288
|
|
|
277
289
|
- 先从当前项目重建设计基线
|
|
278
290
|
- 重建 inventory、page-map、design-registry
|
|
279
291
|
- 先把复杂容器拆成真实的设计 surface,再进入大规模 Pencil 设计
|
|
280
|
-
-
|
|
292
|
+
- 先解析出明确的项目内 `.pen` 目标路径,再把新的 Pencil 基线真正落到 `.da-vinci/designs/`
|
|
281
293
|
|
|
282
294
|
当既没有映射也没有可用设计源时:
|
|
283
295
|
|
|
284
296
|
- 基于当前本地真相源创建新的 Pencil 基线
|
|
285
|
-
-
|
|
297
|
+
- 把基线落到 `.da-vinci/designs/`
|
|
286
298
|
- 并在 `design-registry.md` 里记录准确路径
|
|
287
299
|
|
|
288
300
|
如果项目声明了 visual adapter:
|
|
@@ -422,6 +434,8 @@ Continue into full-delivery.
|
|
|
422
434
|
|
|
423
435
|
- `docs/codex-natural-language-usage.md`
|
|
424
436
|
- `docs/prompt-entrypoints.md`
|
|
437
|
+
- `docs/prompt-presets/`
|
|
438
|
+
- 每个场景文件都包含 `Simple redesign`、`Complex redesign`、`Design-only`、`Continue`
|
|
425
439
|
- `docs/visual-adapters.md`
|
|
426
440
|
- `docs/visual-assist-presets/`
|
|
427
441
|
- `docs/workflow-examples.md`
|
|
@@ -431,6 +445,8 @@ Continue into full-delivery.
|
|
|
431
445
|
中文文档:
|
|
432
446
|
|
|
433
447
|
- `README.zh-CN.md`
|
|
448
|
+
- `docs/zh-CN/prompt-presets/`
|
|
449
|
+
- 每个场景文件也都包含 `Simple redesign`、`Complex redesign`、`Design-only`、`Continue`
|
|
434
450
|
- `docs/zh-CN/visual-adapters.md`
|
|
435
451
|
- `docs/zh-CN/visual-assist-presets/`
|
|
436
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
|
|
|
@@ -400,6 +402,18 @@ Use `design-registry.md` as the project-level inventory of `.pen` sources.
|
|
|
400
402
|
|
|
401
403
|
Use `.da-vinci/designs/` as the default project-local location for persisted Pencil files when the workflow creates or updates them.
|
|
402
404
|
|
|
405
|
+
Treat the project-local `.pen` path recorded in `design-registry.md` as workflow-owned state.
|
|
406
|
+
|
|
407
|
+
- users may provide external references or existing `.pen` files
|
|
408
|
+
- the workflow, not the user, resolves and maintains the preferred project-local `.pen` path
|
|
409
|
+
- do not treat `design-registry.md` as a user-authored config file
|
|
410
|
+
|
|
411
|
+
Resolve one exact project-local target before broad Pencil work begins:
|
|
412
|
+
|
|
413
|
+
- `.da-vinci/designs/project-baseline.pen` for shared baseline reconstruction
|
|
414
|
+
- `.da-vinci/designs/<change-id>.pen` for change-specific redesign work
|
|
415
|
+
- `.da-vinci/designs/<change-id>/main.pen` only when the project truly needs a nested design bundle
|
|
416
|
+
|
|
403
417
|
Use `DA-VINCI.md` as the project-level visual source of truth for:
|
|
404
418
|
|
|
405
419
|
- theme and palette
|
|
@@ -420,6 +434,7 @@ When a relevant mapping already exists:
|
|
|
420
434
|
- iterate on the mapped Pencil source
|
|
421
435
|
- prefer the project-local `.pen` file under `.da-vinci/designs/` when one is already registered
|
|
422
436
|
- do not create a new design baseline unless there is a reason
|
|
437
|
+
- do not silently keep designing in an unrelated active Pencil document when `design-registry.md` already names a preferred path
|
|
423
438
|
|
|
424
439
|
When `DA-VINCI.md` already exists:
|
|
425
440
|
|
|
@@ -431,6 +446,7 @@ When page-to-Pencil bindings already exist:
|
|
|
431
446
|
|
|
432
447
|
- update the mapped Pencil page for the affected implementation page
|
|
433
448
|
- keep the exact `.pen` file path recorded in `design-registry.md`
|
|
449
|
+
- if the active Pencil editor path differs from that recorded path, switch to the recorded path or explicitly reconstruct the project-local file before continuing
|
|
434
450
|
|
|
435
451
|
When project mappings do not exist but existing code exists:
|
|
436
452
|
|
|
@@ -438,27 +454,30 @@ When project mappings do not exist but existing code exists:
|
|
|
438
454
|
- reconstruct `project-inventory.md`
|
|
439
455
|
- reconstruct `page-map.md`
|
|
440
456
|
- create or rebuild `design-registry.md`
|
|
457
|
+
- resolve the exact project-local `.pen` target path before broad Pencil work starts
|
|
441
458
|
- generate a new Pencil baseline only after the inventory is stable
|
|
442
|
-
-
|
|
459
|
+
- materialize that baseline into the resolved `.da-vinci/designs/` path and record the exact file in `design-registry.md`
|
|
443
460
|
|
|
444
461
|
When neither mappings nor usable design sources exist:
|
|
445
462
|
|
|
446
463
|
- state that the project is entering baseline reconstruction
|
|
447
464
|
- create a new Pencil baseline from the current local source of truth
|
|
448
465
|
- generate `DA-VINCI.md` from inferred or user-provided design rules before generating many unrelated pages
|
|
449
|
-
- persist the resulting `.pen` file
|
|
466
|
+
- persist the resulting `.pen` file at the resolved `.da-vinci/designs/` path and record that exact path in `design-registry.md`
|
|
450
467
|
|
|
451
468
|
When a Pencil session cannot yet be exported locally:
|
|
452
469
|
|
|
453
470
|
- record the live or external source in `design-registry.md`
|
|
454
|
-
-
|
|
455
|
-
-
|
|
471
|
+
- reconstruct and write the project-local `.pen` file from MCP-readable document data before closing mapping or implementation work
|
|
472
|
+
- if the project-local file still cannot be materialized, record the reason and treat the missing file as a checkpoint issue instead of silently continuing
|
|
456
473
|
|
|
457
474
|
When visual adapters are requested:
|
|
458
475
|
|
|
459
476
|
- resolve them from local availability when possible
|
|
460
477
|
- choose one primary adapter when multiple helpers are available
|
|
461
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
|
|
462
481
|
- continue with native Da Vinci design rules when no adapter is available unless the user explicitly requires a specific adapter
|
|
463
482
|
|
|
464
483
|
If the request is too vague to design or implement safely, ask a short clarification question before generating artifacts.
|
|
@@ -499,32 +518,45 @@ When creating or editing Pencil designs:
|
|
|
499
518
|
- Build the pages required by the current scope, not an abstract moodboard
|
|
500
519
|
- follow `page-map.md` as the canonical page list
|
|
501
520
|
- follow `design-brief.md` for form factor and visual direction when it exists
|
|
521
|
+
- use the workflow-owned `.pen` path from `design-registry.md` as the active design target
|
|
522
|
+
- do not keep designing in whichever Pencil document happens to be open unless it already matches the registered project-local path
|
|
502
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
|
|
503
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
|
|
504
528
|
- Keep page names, section names, and labels aligned with the specs
|
|
505
529
|
- Make important states explicit when they change implementation: empty, loading, success, error, restricted, unavailable
|
|
506
530
|
- Prefer layout clarity and information hierarchy over decorative complexity
|
|
507
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
|
|
508
533
|
- For `redesign-from-code`, redesign from page responsibilities and state decomposition, not by recoloring or slightly rearranging the old UI
|
|
509
534
|
- After changes, inspect the result visually before treating it as implementation-ready
|
|
510
535
|
|
|
511
536
|
When multiple pages exist:
|
|
512
537
|
|
|
538
|
+
- derive the remaining pages from approved anchor surfaces and shared primitives rather than from an empty repeated template
|
|
513
539
|
- keep one canonical Pencil page or screen per implementation page
|
|
514
540
|
- record the `.pen` file in `design-registry.md`
|
|
515
541
|
- record the mapping in `pencil-bindings.md`
|
|
516
|
-
-
|
|
542
|
+
- ensure the active Pencil design is materialized into the registered `.da-vinci/designs/` file before closing design work
|
|
517
543
|
|
|
518
544
|
## Pencil MCP Rules
|
|
519
545
|
|
|
520
546
|
When Pencil is available through MCP:
|
|
521
547
|
|
|
522
548
|
- Prefer the project-local `.pen` file under `.da-vinci/designs/` when one is registered
|
|
549
|
+
- Treat the registered `.pen` path as authoritative; do not rely on the current active editor if its path does not match `design-registry.md`
|
|
550
|
+
- If the registered file exists, read and edit that exact file
|
|
551
|
+
- If the registered file does not yet exist, create or reconstruct the project-local file before treating the design pass as traceable
|
|
523
552
|
- Read the active `.pen` file and page structure before coding
|
|
524
553
|
- read the bound Pencil page for the current implementation page
|
|
525
554
|
- Use Pencil data to extract layout, text, hierarchy, panels, buttons, and content regions
|
|
526
555
|
- Use screenshots only as a secondary visual check
|
|
527
556
|
- Treat Pencil as the design data source for presentation, spacing, and layout grouping
|
|
557
|
+
- Before mapping or implementation closes, verify both:
|
|
558
|
+
- the `.pen` path is readable through MCP
|
|
559
|
+
- the same path exists as a shell-visible file inside the project
|
|
528
560
|
|
|
529
561
|
When Pencil is not available:
|
|
530
562
|
|
|
@@ -564,15 +596,19 @@ Run these checkpoints:
|
|
|
564
596
|
- after Pencil design exists, before implementation tasks are locked
|
|
565
597
|
- verify the design covers the required pages, states, and key interactions
|
|
566
598
|
|
|
567
|
-
4. `
|
|
599
|
+
4. `design-source checkpoint`
|
|
600
|
+
- after `design-registry.md` resolves the preferred project-local `.pen` path and active Pencil work exists
|
|
601
|
+
- verify the registered `.pen` path, the active Pencil editor, and shell-visible persistence agree before mapping continues
|
|
602
|
+
|
|
603
|
+
5. `mapping checkpoint`
|
|
568
604
|
- after `design-registry.md` and `pencil-bindings.md`
|
|
569
605
|
- verify implementation pages and Pencil pages are bound correctly
|
|
570
606
|
|
|
571
|
-
|
|
607
|
+
6. `task checkpoint`
|
|
572
608
|
- before implementation starts
|
|
573
609
|
- verify tasks cover both requirements and Pencil-backed UI work
|
|
574
610
|
|
|
575
|
-
|
|
611
|
+
7. `execution checkpoint`
|
|
576
612
|
- after each top-level task group during implementation
|
|
577
613
|
- verify code still matches requirements and Pencil structure
|
|
578
614
|
|
|
@@ -69,6 +69,17 @@ Supported modes:
|
|
|
69
69
|
|
|
70
70
|
## Scenario Recipes
|
|
71
71
|
|
|
72
|
+
For surface-specific prompt starting points, also see:
|
|
73
|
+
|
|
74
|
+
- `docs/prompt-presets/`
|
|
75
|
+
|
|
76
|
+
Each surface file includes:
|
|
77
|
+
|
|
78
|
+
- `Simple redesign`
|
|
79
|
+
- `Complex redesign`
|
|
80
|
+
- `Design-only`
|
|
81
|
+
- `Continue`
|
|
82
|
+
|
|
72
83
|
### 1. New project with clear requirements
|
|
73
84
|
|
|
74
85
|
```text
|
package/docs/mode-use-cases.md
CHANGED
|
@@ -129,7 +129,7 @@ Generate DA-VINCI.md, proposal, specs, page map, Pencil-backed launch pages, bin
|
|
|
129
129
|
- define the canonical pages and page responsibilities
|
|
130
130
|
|
|
131
131
|
6. create `design-registry.md`
|
|
132
|
-
-
|
|
132
|
+
- resolve the workflow-owned project-local `.pen` path once Pencil work starts
|
|
133
133
|
- prefer a project-local `.pen` path under `.da-vinci/designs/`
|
|
134
134
|
|
|
135
135
|
7. create `design.md`
|
|
@@ -137,7 +137,7 @@ Generate DA-VINCI.md, proposal, specs, page map, Pencil-backed launch pages, bin
|
|
|
137
137
|
|
|
138
138
|
8. create `pencil-design.md`
|
|
139
139
|
- record the generated Pencil screens
|
|
140
|
-
-
|
|
140
|
+
- ensure the active design is materialized into the registered `.pen` path under `.da-vinci/designs/`
|
|
141
141
|
|
|
142
142
|
9. create `pencil-bindings.md`
|
|
143
143
|
- map implementation pages to Pencil pages
|
|
@@ -226,7 +226,7 @@ First synthesize the product direction, then generate DA-VINCI.md, specs, page m
|
|
|
226
226
|
- `pencil-design.md`
|
|
227
227
|
- `pencil-bindings.md`
|
|
228
228
|
- `tasks.md`
|
|
229
|
-
- persist the active `.pen`
|
|
229
|
+
- persist the active design into the registered `.pen` path under `.da-vinci/designs/`
|
|
230
230
|
|
|
231
231
|
### Where this mode differs from `greenfield-spec`
|
|
232
232
|
|
|
@@ -313,6 +313,7 @@ Register the design sources, extract DA-VINCI.md from them, bind covered pages,
|
|
|
313
313
|
|
|
314
314
|
3. create or update `design-registry.md`
|
|
315
315
|
- register old and new `.pen` sources
|
|
316
|
+
- resolve one workflow-owned project-local `.pen` path for the redesign
|
|
316
317
|
- mark the preferred project-local `.pen` file under `.da-vinci/designs/` when available
|
|
317
318
|
|
|
318
319
|
4. create or update `page-map.md`
|
|
@@ -323,7 +324,9 @@ Register the design sources, extract DA-VINCI.md from them, bind covered pages,
|
|
|
323
324
|
|
|
324
325
|
6. create or update `pencil-design.md`
|
|
325
326
|
- build the new redesign baseline in Pencil
|
|
326
|
-
-
|
|
327
|
+
- design 1-3 anchor surfaces first before broad multi-screen expansion
|
|
328
|
+
- let the resolved primary visual adapter lead that first pass
|
|
329
|
+
- persist that baseline into the registered `.da-vinci/designs/` file
|
|
327
330
|
|
|
328
331
|
7. create or update `pencil-bindings.md`
|
|
329
332
|
- bind pages to redesign screens
|
|
@@ -338,6 +341,11 @@ Register the design sources, extract DA-VINCI.md from them, bind covered pages,
|
|
|
338
341
|
|
|
339
342
|
### Critical rule in this mode
|
|
340
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
|
+
|
|
341
349
|
For redesign work:
|
|
342
350
|
|
|
343
351
|
- current code decides behavior
|
|
@@ -351,6 +359,12 @@ Fresh-layout rule:
|
|
|
351
359
|
- do not treat the old UI as the design baseline unless the user explicitly asks to preserve the layout skeleton
|
|
352
360
|
- a recolor, light rearrangement, or minor spacing pass on the old UI is not enough for a true redesign
|
|
353
361
|
|
|
362
|
+
Project-local `.pen` rule:
|
|
363
|
+
|
|
364
|
+
- the preferred `.pen` path in `design-registry.md` is owned by the workflow, not by user hand-editing
|
|
365
|
+
- do not keep redesign work inside an unrelated active Pencil editor just because it is currently open
|
|
366
|
+
- 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
|
|
367
|
+
|
|
354
368
|
Complex-surface rule:
|
|
355
369
|
|
|
356
370
|
- if one screen contains multiple fragments, tabs, overlays, or materially different states, split it into multiple design surfaces
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
# Prompt Presets
|
|
2
|
+
|
|
3
|
+
Use these presets when you want a copy-ready starting prompt for a specific product surface.
|
|
4
|
+
|
|
5
|
+
These presets are designed to pair with:
|
|
6
|
+
|
|
7
|
+
- `docs/visual-assist-presets/`
|
|
8
|
+
|
|
9
|
+
Recommended flow:
|
|
10
|
+
|
|
11
|
+
1. choose the prompt preset closest to the product surface
|
|
12
|
+
2. choose the matching `Visual Assist` preset
|
|
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
|
|
16
|
+
|
|
17
|
+
Available presets:
|
|
18
|
+
|
|
19
|
+
- `mobile-app.md`
|
|
20
|
+
- `desktop-app.md`
|
|
21
|
+
- `web-app.md`
|
|
22
|
+
- `tablet-app.md`
|
|
23
|
+
|
|
24
|
+
Design rule:
|
|
25
|
+
|
|
26
|
+
- prompt presets define workflow intent, decomposition rules, and truth-source handling
|
|
27
|
+
- visual-assist presets define UI-design helper preferences
|
|
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`
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
# Desktop App Prompt Preset
|
|
2
|
+
|
|
3
|
+
Recommended when the product is a desktop-first tool or workspace.
|
|
4
|
+
|
|
5
|
+
Pair with:
|
|
6
|
+
|
|
7
|
+
- `docs/visual-assist-presets/desktop-app.md`
|
|
8
|
+
|
|
9
|
+
Use this when the workflow needs:
|
|
10
|
+
|
|
11
|
+
- dense workspace hierarchy
|
|
12
|
+
- clear primary and secondary working regions
|
|
13
|
+
- disciplined panel, dialog, and inspector treatment
|
|
14
|
+
|
|
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
|
|
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
|
+
## 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
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
# Mobile App Prompt Preset
|
|
2
|
+
|
|
3
|
+
Recommended when the product surface is a phone-first app.
|
|
4
|
+
|
|
5
|
+
Pair with:
|
|
6
|
+
|
|
7
|
+
- `docs/visual-assist-presets/mobile-app.md`
|
|
8
|
+
|
|
9
|
+
Use this when the workflow needs:
|
|
10
|
+
|
|
11
|
+
- touch-first hierarchy
|
|
12
|
+
- clear handling of tabs, sheets, dialogs, and nested flows
|
|
13
|
+
- state decomposition that matches real app behavior
|
|
14
|
+
|
|
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
|
|
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
|
+
## 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
|