@12ui/design 0.2.20 → 0.2.22

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 (101) hide show
  1. package/README.md +3 -3
  2. package/dist/branch-progress.js +1 -1
  3. package/dist/branch-progress.js.map +1 -1
  4. package/dist/cli-auth-command.d.ts.map +1 -1
  5. package/dist/cli-auth-command.js +7 -1
  6. package/dist/cli-auth-command.js.map +1 -1
  7. package/dist/cli-branch-command.d.ts +0 -1
  8. package/dist/cli-branch-command.d.ts.map +1 -1
  9. package/dist/cli-branch-command.js +16 -41
  10. package/dist/cli-branch-command.js.map +1 -1
  11. package/dist/cli-capabilities.d.ts +6 -5
  12. package/dist/cli-capabilities.d.ts.map +1 -1
  13. package/dist/cli-capabilities.js +6 -5
  14. package/dist/cli-capabilities.js.map +1 -1
  15. package/dist/cli-cli-command.d.ts.map +1 -1
  16. package/dist/cli-cli-command.js +7 -1
  17. package/dist/cli-cli-command.js.map +1 -1
  18. package/dist/cli-convert-command.d.ts +12 -0
  19. package/dist/cli-convert-command.d.ts.map +1 -1
  20. package/dist/cli-convert-command.js +70 -12
  21. package/dist/cli-convert-command.js.map +1 -1
  22. package/dist/cli-corpus-command.d.ts.map +1 -1
  23. package/dist/cli-corpus-command.js +7 -6
  24. package/dist/cli-corpus-command.js.map +1 -1
  25. package/dist/cli-create-command.d.ts +35 -1
  26. package/dist/cli-create-command.d.ts.map +1 -1
  27. package/dist/cli-create-command.js +40 -24
  28. package/dist/cli-create-command.js.map +1 -1
  29. package/dist/cli-detach.js +2 -2
  30. package/dist/cli-detach.js.map +1 -1
  31. package/dist/cli-draft-command.d.ts +23 -7
  32. package/dist/cli-draft-command.d.ts.map +1 -1
  33. package/dist/cli-draft-command.js +38 -12
  34. package/dist/cli-draft-command.js.map +1 -1
  35. package/dist/cli-export-command.d.ts.map +1 -1
  36. package/dist/cli-export-command.js +19 -1
  37. package/dist/cli-export-command.js.map +1 -1
  38. package/dist/cli-image-batch-command.d.ts +0 -6
  39. package/dist/cli-image-batch-command.d.ts.map +1 -1
  40. package/dist/cli-image-batch-command.js +7 -15
  41. package/dist/cli-image-batch-command.js.map +1 -1
  42. package/dist/cli-image-command.d.ts.map +1 -1
  43. package/dist/cli-image-command.js +7 -7
  44. package/dist/cli-image-command.js.map +1 -1
  45. package/dist/cli-next-command.d.ts +51 -0
  46. package/dist/cli-next-command.d.ts.map +1 -0
  47. package/dist/cli-next-command.js +152 -0
  48. package/dist/cli-next-command.js.map +1 -0
  49. package/dist/cli-output-paths.d.ts +20 -0
  50. package/dist/cli-output-paths.d.ts.map +1 -1
  51. package/dist/cli-output-paths.js +30 -0
  52. package/dist/cli-output-paths.js.map +1 -1
  53. package/dist/cli-package-command.d.ts +0 -1
  54. package/dist/cli-package-command.d.ts.map +1 -1
  55. package/dist/cli-package-command.js +11 -5
  56. package/dist/cli-package-command.js.map +1 -1
  57. package/dist/cli-run.d.ts.map +1 -1
  58. package/dist/cli-run.js +15 -12
  59. package/dist/cli-run.js.map +1 -1
  60. package/dist/cli-select-command.d.ts +0 -1
  61. package/dist/cli-select-command.d.ts.map +1 -1
  62. package/dist/cli-select-command.js +25 -35
  63. package/dist/cli-select-command.js.map +1 -1
  64. package/dist/cli-skill-command.d.ts.map +1 -1
  65. package/dist/cli-skill-command.js +7 -2
  66. package/dist/cli-skill-command.js.map +1 -1
  67. package/dist/cli-usage.d.ts +69 -2
  68. package/dist/cli-usage.d.ts.map +1 -1
  69. package/dist/cli-usage.js +119 -37
  70. package/dist/cli-usage.js.map +1 -1
  71. package/dist/image-batch-status.d.ts +1 -1
  72. package/dist/image-batch-status.js +1 -1
  73. package/dist/image-batch-status.js.map +1 -1
  74. package/dist/legacy-skill-catalog.d.ts.map +1 -1
  75. package/dist/legacy-skill-catalog.js +59 -10
  76. package/dist/legacy-skill-catalog.js.map +1 -1
  77. package/dist/mcp-convert.d.ts +32 -0
  78. package/dist/mcp-convert.d.ts.map +1 -0
  79. package/dist/mcp-convert.js +118 -0
  80. package/dist/mcp-convert.js.map +1 -0
  81. package/dist/next-target.d.ts +56 -0
  82. package/dist/next-target.d.ts.map +1 -0
  83. package/dist/next-target.js +72 -0
  84. package/dist/next-target.js.map +1 -0
  85. package/dist/run-journal-commands.d.ts +10 -0
  86. package/dist/run-journal-commands.d.ts.map +1 -1
  87. package/dist/run-journal-commands.js +35 -26
  88. package/dist/run-journal-commands.js.map +1 -1
  89. package/dist/selection-record.d.ts +7 -5
  90. package/dist/selection-record.d.ts.map +1 -1
  91. package/dist/selection-record.js +21 -4
  92. package/dist/selection-record.js.map +1 -1
  93. package/dist/server.d.ts.map +1 -1
  94. package/dist/server.js +7 -78
  95. package/dist/server.js.map +1 -1
  96. package/package.json +2 -2
  97. package/skills/design/SKILL.md +5 -8
  98. package/skills/design-branch/SKILL.md +12 -16
  99. package/skills/design-convert/SKILL.md +10 -15
  100. package/skills/design-draft/SKILL.md +24 -43
  101. package/skills/design-search/SKILL.md +4 -7
@@ -16,7 +16,8 @@ One approved screen fixes the visual system; branching extends it across the
16
16
  rest of the surface with consistent, professional quality instead of
17
17
  re-deriving the design once per screen. The server plans the screens and
18
18
  their dependencies; one command executes the whole plan and keeps every paid
19
- screen addressable, so a retry never repeats paid work.
19
+ screen addressable, so a retry never repeats paid work. Use it whenever the
20
+ deliverable is more than one viewport; a single fold is a plain convert.
20
21
 
21
22
  ## 1. Execute
22
23
 
@@ -27,25 +28,20 @@ screen addressable, so a retry never repeats paid work.
27
28
  The run directory is the one `12ui draft` printed; the starting design is
28
29
  the candidate `12ui select` recorded there. `--scope page` grows that screen
29
30
  into viewports 2..n of its own page; `--scope site` adds sibling routes and
30
- app states as well. The server plans 2-8 screens (`--max-screens` trims the
31
- plan). `--convert html` converts each finished page as one ordered package;
32
- omitting it stops at downloaded PNGs.
33
-
34
- To start from something else, pass a fresh directory plus exactly one of
35
- `--winner-run crt-<id> --winner-slot <slot>` — an earlier hosted candidate,
36
- whose bytes never leave the server — or `--winner-image <file>` with a PNG,
37
- JPEG, or WebP. The starting design is viewport 1 of the first page; it needs
38
- no separate conversion.
31
+ app states as well. `--convert html` converts each finished page as one
32
+ ordered package; omitting it stops at downloaded PNGs. A run with no draft
33
+ behind it takes a fresh directory and names its own starting design — the
34
+ command refuses with both spellings if none is given. Either way the starting
35
+ design is viewport 1 of the first page; it needs no separate conversion.
39
36
 
40
37
  ## 2. Follow
41
38
 
42
- 12ui branch status <run-dir>
39
+ 12ui next <run-dir>
43
40
 
44
- Execute returns immediately and the run continues on its own (typically
45
- 5–15 min, up to ~30 for large runs; add `--wait` to block instead).
46
- Status reports per-screen progress
47
- and the next action. `12ui branch resume <run-dir>` continues an interrupted
48
- run, replaying already-settled screens for free.
41
+ Execute returns immediately; `12ui next` reports progress and the one command
42
+ to run next, and `--wait` blocks instead of polling.
43
+ `12ui branch resume <run-dir>` continues an interrupted run, replaying
44
+ already-settled screens for free.
49
45
 
50
46
  ## 3. Collect
51
47
 
@@ -21,13 +21,8 @@ fidelity, faster and truer than recreating the design by hand.
21
21
  12ui convert <source-image> --export html
22
22
 
23
23
  Converts the image to a LayerDoc and exports responsive HTML alongside it in
24
- one blocking command (~5 minutes, progress streamed to stderr; ~4 minutes
25
- without `--export html`). `--model fast|standard|pro` and
26
- `--width <intended-css-px>` steer the conversion; `--out` and `--export-out`
27
- place the artifacts. The result JSON carries the conversion under `id` and
28
- the export under `export.id`. If the export half fails, the LayerDoc is
29
- still written — retry only the export with
30
- `12ui export <id> --output html`.
24
+ one blocking command, which is faster than converting and then exporting.
25
+ The result carries the conversion under `id` and the export under `export.id`.
31
26
 
32
27
  ## 2. Export more formats
33
28
 
@@ -35,11 +30,11 @@ still written — retry only the export with
35
30
  --out-dir <dir> --idempotency-key <stable-key>
36
31
 
37
32
  Derives further formats from the finished conversion without repeating
38
- extraction; independent exports run in parallel, and every format except
39
- `html` takes seconds to about a minute. Outputs: `html`, `html_fixed`,
40
- `svg`, `png`, `jpg`, `webp`, `pdf`, `psd`, `pptx`, `sketch`, `web_project`,
41
- `app_project`. Reusing the same key replays a finished export instead of
42
- buying it again. Project outputs take a profile matching the target project:
33
+ extraction, and independent exports run in parallel. Outputs: `html`,
34
+ `html_fixed`, `svg`, `png`, `jpg`, `webp`, `pdf`, `psd`, `pptx`, `sketch`,
35
+ `web_project`, `app_project`. Reusing the same key replays a finished export
36
+ instead of buying it again. Project outputs take a profile matching the
37
+ target project:
43
38
 
44
39
  --web-profile '{"version":1,"framework":"react","styling":"tailwind","language":"typescript","packaging":"page"}'
45
40
  --app-profile '{"version":1,"framework":"expo","styling":"native","language":"typescript","packaging":"screen"}'
@@ -59,9 +54,9 @@ relative to the manifest; independent routes are separate page entries:
59
54
  { "id": "a", "image": "screens/a.png" },
60
55
  { "id": "b", "image": "screens/b.png" } ] } ] }
61
56
 
62
- Runs ~5-8 minutes, writing `<out-dir>/<page-id>.html` per page plus
63
- `package.result.json`. A viewport may carry `"sourceConversionId": "<id>"`
64
- to reuse an already succeeded conversion of the same bytes for free.
57
+ Writes `<out-dir>/<page-id>.html` per page plus `package.result.json`. A
58
+ viewport may carry `"sourceConversionId": "<id>"` to reuse an already
59
+ succeeded conversion of the same bytes for free.
65
60
 
66
61
  ## 4. Integrate
67
62
 
@@ -12,49 +12,30 @@ description: "Required to draft candidate interface designs through the
12
12
 
13
13
  For a public-directory install, run `npx -y @12ui/design skill install --skill design-draft` once. It pins the CLI and verifies this skill's account scopes.
14
14
 
15
- Buy one small set of candidate designs and keep every one addressable. This
16
- uses the hosted create API through credential-aware `12ui create` commands —
17
- not the local `12ui draft` command, which runs a four-candidate version of the
18
- same flow. Use it for more slots, per-slot references, or tighter direction
19
- control.
20
-
21
- ## 1. Claim the run
22
-
23
- 12ui create claim \
24
- --concept "<product, audience, surface, goal, personality>" \
25
- --aspect landscape \
26
- --candidates '[
27
- {"slot":"a","direction":"<short direction>"},
28
- {"slot":"b","direction":"<short direction>",
29
- "referenceId":"gen-<corpus-id>"}
30
- ]'
31
-
32
- Use `--candidates @candidates.json` for a long list. The concept is at most 600
33
- characters. One run holds 1–96 candidates in slots `a`–`cr`, with one aspect:
34
- `landscape` (1536x1024), `portrait` (1024x1536), or `square` (1024x1024).
35
- Each candidate has a meaningfully different direction and at most one corpus
36
- `referenceId`. Alternatively, add `--reference-image <png|jpeg|webp>` and set
37
- `"useReferenceImage":true` on the slots it should guide. `--mode
38
- preserve-structure` keeps that image's layout; the default is `inspiration`.
39
-
40
- The command derives a stable idempotency key from the request, claims the run,
41
- and prints its `id`. Claiming buys nothing.
42
-
43
- ## 2. Dispatch every slot
44
-
15
+ Buy one small set of candidate designs and keep every one addressable. Use
16
+ this when the run needs more than the four candidates `12ui draft` produces
17
+ in one step, a corpus reference or direction per slot, or tighter control
18
+ over what each slot explores.
19
+
20
+ 12ui create claim --concept "<product, audience, surface, goal, personality>" \
21
+ --candidates '[{"slot":"a","direction":"<short direction>"},
22
+ {"slot":"b","direction":"<short direction>",
23
+ "referenceId":"gen-<corpus-id>"}]'
45
24
  12ui create dispatch <run-id>
46
-
47
- Dispatches all unsettled slots concurrently and blocks until they return (up
48
- to about 2.5 minutes each). Add `--slot a,b` to select slots. A failed
49
- candidate is a settled, paid outcome. If the command is interrupted, generation
50
- continues; do not claim another run.
51
-
52
- ## 3. Follow and download
53
-
54
- 12ui create status <run-id>
55
25
  12ui create download <run-id> --out-dir <directory>
56
26
 
57
- Status reads durable run state. Download writes every succeeded PNG; add
58
- `--slot a,b` to select slots. Runs expire seven days after the claim. A winner
59
- can seed `12ui branch execute --winner-run <run-id> --winner-slot <slot>`
60
- without re-uploading its bytes.
27
+ Each command prints the next; `12ui next <run-id>` reports what is still
28
+ generating, and `--wait` blocks until every slot settles.
29
+
30
+ The judgement is the brief and the slots. One aspect covers the whole run —
31
+ `landscape` (1536x1024), `portrait` (1024x1536), `square` (1024x1024) — and
32
+ directions must be meaningfully different from each other, since four
33
+ paraphrases of one idea buy four of the same design. A slot takes at most one
34
+ reference: `referenceId` names a corpus reference, or `"useReferenceImage":
35
+ true` conditions it on the run-level `--reference-image`, whose
36
+ `preserve-structure` mode keeps that image's layout. A run holds 1-96
37
+ candidates in slots `a`-`cr` and expires seven days after the claim.
38
+
39
+ A candidate that comes back `failed` is a settled, paid outcome rather than a
40
+ transient error. A winning candidate seeds a branch run as
41
+ `--winner-run <run-id> --winner-slot <slot>` without re-uploading its bytes.
@@ -16,8 +16,7 @@ The corpus has already explored, ranked, and diversified the design space,
16
16
  so retrieval returns real reference images in a considered order rather than
17
17
  another model's guess. Use it when the references themselves are the
18
18
  deliverable — surveying a space, gathering comparators, or conditioning work
19
- you drive yourself. (`12ui draft` already runs this retrieval when drafting
20
- designs.)
19
+ you drive yourself. `12ui draft` already runs this retrieval when drafting.
21
20
 
22
21
  ## 1. Search
23
22
 
@@ -25,11 +24,9 @@ designs.)
25
24
  --query "<product, audience, surface, goal, personality>" \
26
25
  --out-dir .12ui/<slug>/references
27
26
 
28
- Retrieves four diverse references (`--count <n>`, up to 48), downloads the
29
- full images into the output directory, and writes `manifest.json` the
30
- completion record with the ranked order, reference IDs, and hashes. Blocks
31
- ~20-40 seconds with progress on stderr. Preserve the returned order; the
32
- ranking is the product.
27
+ Downloads the full images into the output directory and writes
28
+ `manifest.json` the completion record with the ranked order, reference IDs,
29
+ and hashes. Preserve the returned order; the ranking is the product.
33
30
 
34
31
  `--mode direct|balanced|adventurer` trades literal query adherence against
35
32
  exploration; `balanced` is the default. For a redesign,