@12ui/design 0.2.20 → 0.2.21
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/dist/branch-progress.js +1 -1
- package/dist/branch-progress.js.map +1 -1
- package/dist/cli-auth-command.d.ts.map +1 -1
- package/dist/cli-auth-command.js +7 -1
- package/dist/cli-auth-command.js.map +1 -1
- package/dist/cli-branch-command.d.ts +0 -1
- package/dist/cli-branch-command.d.ts.map +1 -1
- package/dist/cli-branch-command.js +16 -41
- package/dist/cli-branch-command.js.map +1 -1
- package/dist/cli-capabilities.d.ts +6 -5
- package/dist/cli-capabilities.d.ts.map +1 -1
- package/dist/cli-capabilities.js +6 -5
- package/dist/cli-capabilities.js.map +1 -1
- package/dist/cli-cli-command.d.ts.map +1 -1
- package/dist/cli-cli-command.js +7 -1
- package/dist/cli-cli-command.js.map +1 -1
- package/dist/cli-convert-command.d.ts +12 -0
- package/dist/cli-convert-command.d.ts.map +1 -1
- package/dist/cli-convert-command.js +70 -12
- package/dist/cli-convert-command.js.map +1 -1
- package/dist/cli-corpus-command.d.ts.map +1 -1
- package/dist/cli-corpus-command.js +7 -6
- package/dist/cli-corpus-command.js.map +1 -1
- package/dist/cli-create-command.d.ts +35 -1
- package/dist/cli-create-command.d.ts.map +1 -1
- package/dist/cli-create-command.js +40 -24
- package/dist/cli-create-command.js.map +1 -1
- package/dist/cli-detach.js +2 -2
- package/dist/cli-detach.js.map +1 -1
- package/dist/cli-draft-command.d.ts +23 -7
- package/dist/cli-draft-command.d.ts.map +1 -1
- package/dist/cli-draft-command.js +38 -12
- package/dist/cli-draft-command.js.map +1 -1
- package/dist/cli-export-command.d.ts.map +1 -1
- package/dist/cli-export-command.js +19 -1
- package/dist/cli-export-command.js.map +1 -1
- package/dist/cli-image-batch-command.d.ts +0 -6
- package/dist/cli-image-batch-command.d.ts.map +1 -1
- package/dist/cli-image-batch-command.js +7 -15
- package/dist/cli-image-batch-command.js.map +1 -1
- package/dist/cli-image-command.d.ts.map +1 -1
- package/dist/cli-image-command.js +7 -7
- package/dist/cli-image-command.js.map +1 -1
- package/dist/cli-next-command.d.ts +51 -0
- package/dist/cli-next-command.d.ts.map +1 -0
- package/dist/cli-next-command.js +152 -0
- package/dist/cli-next-command.js.map +1 -0
- package/dist/cli-output-paths.d.ts +20 -0
- package/dist/cli-output-paths.d.ts.map +1 -1
- package/dist/cli-output-paths.js +30 -0
- package/dist/cli-output-paths.js.map +1 -1
- package/dist/cli-package-command.d.ts +0 -1
- package/dist/cli-package-command.d.ts.map +1 -1
- package/dist/cli-package-command.js +11 -5
- package/dist/cli-package-command.js.map +1 -1
- package/dist/cli-run.d.ts.map +1 -1
- package/dist/cli-run.js +15 -12
- package/dist/cli-run.js.map +1 -1
- package/dist/cli-select-command.d.ts +0 -1
- package/dist/cli-select-command.d.ts.map +1 -1
- package/dist/cli-select-command.js +25 -35
- package/dist/cli-select-command.js.map +1 -1
- package/dist/cli-skill-command.d.ts.map +1 -1
- package/dist/cli-skill-command.js +7 -2
- package/dist/cli-skill-command.js.map +1 -1
- package/dist/cli-usage.d.ts +69 -2
- package/dist/cli-usage.d.ts.map +1 -1
- package/dist/cli-usage.js +119 -37
- package/dist/cli-usage.js.map +1 -1
- package/dist/image-batch-status.d.ts +1 -1
- package/dist/image-batch-status.js +1 -1
- package/dist/image-batch-status.js.map +1 -1
- package/dist/legacy-skill-catalog.d.ts.map +1 -1
- package/dist/legacy-skill-catalog.js +59 -10
- package/dist/legacy-skill-catalog.js.map +1 -1
- package/dist/mcp-convert.d.ts +32 -0
- package/dist/mcp-convert.d.ts.map +1 -0
- package/dist/mcp-convert.js +118 -0
- package/dist/mcp-convert.js.map +1 -0
- package/dist/next-target.d.ts +56 -0
- package/dist/next-target.d.ts.map +1 -0
- package/dist/next-target.js +72 -0
- package/dist/next-target.js.map +1 -0
- package/dist/run-journal-commands.d.ts +10 -0
- package/dist/run-journal-commands.d.ts.map +1 -1
- package/dist/run-journal-commands.js +35 -26
- package/dist/run-journal-commands.js.map +1 -1
- package/dist/selection-record.d.ts +7 -5
- package/dist/selection-record.d.ts.map +1 -1
- package/dist/selection-record.js +21 -4
- package/dist/selection-record.js.map +1 -1
- package/dist/server.d.ts.map +1 -1
- package/dist/server.js +7 -78
- package/dist/server.js.map +1 -1
- package/package.json +1 -1
- package/skills/design/SKILL.md +5 -8
- package/skills/design-branch/SKILL.md +12 -16
- package/skills/design-convert/SKILL.md +10 -15
- package/skills/design-draft/SKILL.md +24 -43
- 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.
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
|
39
|
+
12ui next <run-dir>
|
|
43
40
|
|
|
44
|
-
Execute returns immediately
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
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
|
|
25
|
-
|
|
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
|
|
39
|
-
`
|
|
40
|
-
`
|
|
41
|
-
|
|
42
|
-
|
|
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
|
-
|
|
63
|
-
|
|
64
|
-
|
|
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.
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
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.
|
|
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
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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,
|