@feimacode/open-design-agent-kit 0.3.0-beta.3 → 0.3.0
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/assets/claude-skills/article-magazine/SKILL.md +1 -1
- package/assets/claude-skills/card-twitter/SKILL.md +1 -1
- package/assets/claude-skills/card-xiaohongshu/SKILL.md +1 -1
- package/assets/claude-skills/data-report/SKILL.md +1 -1
- package/assets/claude-skills/deck-guizang-editorial/SKILL.md +1 -1
- package/assets/claude-skills/deck-open-slide-canvas/SKILL.md +1 -1
- package/assets/claude-skills/deck-swiss-international/SKILL.md +1 -1
- package/assets/claude-skills/doc-kami-parchment/SKILL.md +1 -1
- package/assets/claude-skills/frame-data-chart-nyt/SKILL.md +1 -1
- package/assets/claude-skills/frame-flowchart-sticky/SKILL.md +1 -1
- package/assets/claude-skills/frame-glitch-title/SKILL.md +1 -1
- package/assets/claude-skills/frame-light-leak-cinema/SKILL.md +1 -1
- package/assets/claude-skills/frame-liquid-bg-hero/SKILL.md +1 -1
- package/assets/claude-skills/frame-logo-outro/SKILL.md +1 -1
- package/assets/claude-skills/frame-macos-notification/SKILL.md +1 -1
- package/assets/claude-skills/guizang-ppt/SKILL.md +1 -1
- package/assets/claude-skills/mockup-device-3d/SKILL.md +1 -1
- package/assets/claude-skills/open-design/SKILL.md +35 -5
- package/assets/claude-skills/open-design-campaign/SKILL.md +19 -0
- package/assets/claude-skills/open-design-deck-from-source/SKILL.md +19 -0
- package/assets/claude-skills/open-design-design-system-from-url/SKILL.md +81 -0
- package/assets/claude-skills/open-design-docs/SKILL.md +19 -0
- package/assets/claude-skills/open-design-explore/SKILL.md +19 -0
- package/assets/claude-skills/open-design-integrations/SKILL.md +19 -0
- package/assets/claude-skills/open-design-new/SKILL.md +27 -4
- package/assets/claude-skills/open-design-poster/SKILL.md +20 -1
- package/assets/claude-skills/open-design-preview/SKILL.md +19 -0
- package/assets/claude-skills/open-design-publish/SKILL.md +19 -0
- package/assets/claude-skills/open-design-recurring/SKILL.md +19 -0
- package/assets/claude-skills/open-design-social-post/SKILL.md +20 -1
- package/assets/claude-skills/poster-hero/SKILL.md +1 -1
- package/assets/claude-skills/ppt-keynote/SKILL.md +1 -1
- package/assets/claude-skills/resume-modern/SKILL.md +1 -1
- package/assets/claude-skills/social-carousel/SKILL.md +1 -1
- package/assets/claude-skills/social-reddit-card/SKILL.md +1 -1
- package/assets/claude-skills/social-spotify-card/SKILL.md +1 -1
- package/assets/claude-skills/social-x-post-card/SKILL.md +1 -1
- package/assets/claude-skills/social-youtube-thumbnail/SKILL.md +1 -1
- package/assets/claude-skills/vfx-text-cursor/SKILL.md +1 -1
- package/assets/claude-skills/video-hyperframes/SKILL.md +1 -1
- package/assets/codex-skills/article-magazine/SKILL.md +1 -1
- package/assets/codex-skills/card-twitter/SKILL.md +1 -1
- package/assets/codex-skills/card-xiaohongshu/SKILL.md +1 -1
- package/assets/codex-skills/data-report/SKILL.md +1 -1
- package/assets/codex-skills/deck-guizang-editorial/SKILL.md +1 -1
- package/assets/codex-skills/deck-open-slide-canvas/SKILL.md +1 -1
- package/assets/codex-skills/deck-swiss-international/SKILL.md +1 -1
- package/assets/codex-skills/doc-kami-parchment/SKILL.md +1 -1
- package/assets/codex-skills/frame-data-chart-nyt/SKILL.md +1 -1
- package/assets/codex-skills/frame-flowchart-sticky/SKILL.md +1 -1
- package/assets/codex-skills/frame-glitch-title/SKILL.md +1 -1
- package/assets/codex-skills/frame-light-leak-cinema/SKILL.md +1 -1
- package/assets/codex-skills/frame-liquid-bg-hero/SKILL.md +1 -1
- package/assets/codex-skills/frame-logo-outro/SKILL.md +1 -1
- package/assets/codex-skills/frame-macos-notification/SKILL.md +1 -1
- package/assets/codex-skills/guizang-ppt/SKILL.md +1 -1
- package/assets/codex-skills/mockup-device-3d/SKILL.md +1 -1
- package/assets/codex-skills/open-design/SKILL.md +35 -5
- package/assets/codex-skills/open-design-campaign/SKILL.md +19 -0
- package/assets/codex-skills/open-design-deck-from-source/SKILL.md +19 -0
- package/assets/codex-skills/open-design-design-system-from-url/SKILL.md +76 -0
- package/assets/codex-skills/open-design-docs/SKILL.md +19 -0
- package/assets/codex-skills/open-design-explore/SKILL.md +19 -0
- package/assets/codex-skills/open-design-integrations/SKILL.md +19 -0
- package/assets/codex-skills/open-design-new/SKILL.md +27 -4
- package/assets/codex-skills/open-design-poster/SKILL.md +20 -1
- package/assets/codex-skills/open-design-preview/SKILL.md +19 -0
- package/assets/codex-skills/open-design-publish/SKILL.md +19 -0
- package/assets/codex-skills/open-design-recurring/SKILL.md +19 -0
- package/assets/codex-skills/open-design-social-post/SKILL.md +20 -1
- package/assets/codex-skills/poster-hero/SKILL.md +1 -1
- package/assets/codex-skills/ppt-keynote/SKILL.md +1 -1
- package/assets/codex-skills/resume-modern/SKILL.md +1 -1
- package/assets/codex-skills/social-carousel/SKILL.md +1 -1
- package/assets/codex-skills/social-reddit-card/SKILL.md +1 -1
- package/assets/codex-skills/social-spotify-card/SKILL.md +1 -1
- package/assets/codex-skills/social-x-post-card/SKILL.md +1 -1
- package/assets/codex-skills/social-youtube-thumbnail/SKILL.md +1 -1
- package/assets/codex-skills/vfx-text-cursor/SKILL.md +1 -1
- package/assets/codex-skills/video-hyperframes/SKILL.md +1 -1
- package/out/index.js +3046 -1288
- package/package.json +2 -2
|
@@ -9,6 +9,25 @@ Turn existing Markdown documents into designed HTML pages with Open Design, one
|
|
|
9
9
|
|
|
10
10
|
Request: the rest of the user's message (if there is none, ask the user: "Which Markdown files should become pages, and in what style?")
|
|
11
11
|
|
|
12
|
+
**How to talk to the user.** Many people using Open Design don't write code, so:
|
|
13
|
+
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
|
|
14
|
+
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
|
|
15
|
+
- Explain a print term the first time it comes up, in one short clause, and not again.
|
|
16
|
+
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
|
|
17
|
+
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
|
|
18
|
+
|
|
19
|
+
| Instead of | Say |
|
|
20
|
+
|---|---|
|
|
21
|
+
| artifact, entry, registered | your design, saved |
|
|
22
|
+
| design system, active design system | your style (the first time: "a saved style: colours, fonts and spacing") |
|
|
23
|
+
| surface, skill, template, recipe | kind of design, starting layout, or nothing |
|
|
24
|
+
| workspace, output directory | your folder, your Open Design folder |
|
|
25
|
+
| bleed | print edge ("a few millimetres extra that the printer trims off") |
|
|
26
|
+
| trim size | final size |
|
|
27
|
+
| preflight findings, errors | "I checked it and fixed…", "one thing to look at:" |
|
|
28
|
+
| export | save as PDF, save as an image |
|
|
29
|
+
| inline preview, MCP App | the preview above |
|
|
30
|
+
|
|
12
31
|
## 1. Find the files
|
|
13
32
|
|
|
14
33
|
Resolve the folder or glob in the request with your own file tools (for example `docs/adr/*.md`). List what you found.
|
|
@@ -9,6 +9,25 @@ Explore several deliberately different design directions with Open Design, compa
|
|
|
9
9
|
|
|
10
10
|
Brief: the rest of the user's message (if there is none, ask the user: "What should we explore directions for?")
|
|
11
11
|
|
|
12
|
+
**How to talk to the user.** Many people using Open Design don't write code, so:
|
|
13
|
+
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
|
|
14
|
+
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
|
|
15
|
+
- Explain a print term the first time it comes up, in one short clause, and not again.
|
|
16
|
+
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
|
|
17
|
+
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
|
|
18
|
+
|
|
19
|
+
| Instead of | Say |
|
|
20
|
+
|---|---|
|
|
21
|
+
| artifact, entry, registered | your design, saved |
|
|
22
|
+
| design system, active design system | your style (the first time: "a saved style: colours, fonts and spacing") |
|
|
23
|
+
| surface, skill, template, recipe | kind of design, starting layout, or nothing |
|
|
24
|
+
| workspace, output directory | your folder, your Open Design folder |
|
|
25
|
+
| bleed | print edge ("a few millimetres extra that the printer trims off") |
|
|
26
|
+
| trim size | final size |
|
|
27
|
+
| preflight findings, errors | "I checked it and fixed…", "one thing to look at:" |
|
|
28
|
+
| export | save as PDF, save as an image |
|
|
29
|
+
| inline preview, MCP App | the preview above |
|
|
30
|
+
|
|
12
31
|
## 1. Plan the directions
|
|
13
32
|
|
|
14
33
|
If the brief is empty, ask the user what to design before doing anything else.
|
|
@@ -9,6 +9,25 @@ Show the user Open Design's integrations and whether each one is connected here.
|
|
|
9
9
|
|
|
10
10
|
Request: the rest of the user's message (if there is none, ask the user: "Anything you'd like to connect? (or leave empty to just see the list)")
|
|
11
11
|
|
|
12
|
+
**How to talk to the user.** Many people using Open Design don't write code, so:
|
|
13
|
+
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
|
|
14
|
+
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
|
|
15
|
+
- Explain a print term the first time it comes up, in one short clause, and not again.
|
|
16
|
+
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
|
|
17
|
+
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
|
|
18
|
+
|
|
19
|
+
| Instead of | Say |
|
|
20
|
+
|---|---|
|
|
21
|
+
| artifact, entry, registered | your design, saved |
|
|
22
|
+
| design system, active design system | your style (the first time: "a saved style: colours, fonts and spacing") |
|
|
23
|
+
| surface, skill, template, recipe | kind of design, starting layout, or nothing |
|
|
24
|
+
| workspace, output directory | your folder, your Open Design folder |
|
|
25
|
+
| bleed | print edge ("a few millimetres extra that the printer trims off") |
|
|
26
|
+
| trim size | final size |
|
|
27
|
+
| preflight findings, errors | "I checked it and fixed…", "one thing to look at:" |
|
|
28
|
+
| export | save as PDF, save as an image |
|
|
29
|
+
| inline preview, MCP App | the preview above |
|
|
30
|
+
|
|
12
31
|
## 1. Get the list
|
|
13
32
|
|
|
14
33
|
Call `list_open_design_integrations` with no arguments. It returns every integration grouped by purpose, each with what it does, the tool names that show it's connected on this agent, whether it can be set up here, and how to manage without it.
|
|
@@ -9,12 +9,33 @@ Start a new design with Open Design.
|
|
|
9
9
|
|
|
10
10
|
Request: the rest of the user's message (if there is none, ask the user: "What do you want to make, and what is it for?")
|
|
11
11
|
|
|
12
|
+
**How to talk to the user.** Many people using Open Design don't write code, so:
|
|
13
|
+
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
|
|
14
|
+
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
|
|
15
|
+
- Explain a print term the first time it comes up, in one short clause, and not again.
|
|
16
|
+
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
|
|
17
|
+
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
|
|
18
|
+
|
|
19
|
+
| Instead of | Say |
|
|
20
|
+
|---|---|
|
|
21
|
+
| artifact, entry, registered | your design, saved |
|
|
22
|
+
| design system, active design system | your style (the first time: "a saved style: colours, fonts and spacing") |
|
|
23
|
+
| surface, skill, template, recipe | kind of design, starting layout, or nothing |
|
|
24
|
+
| workspace, output directory | your folder, your Open Design folder |
|
|
25
|
+
| bleed | print edge ("a few millimetres extra that the printer trims off") |
|
|
26
|
+
| trim size | final size |
|
|
27
|
+
| preflight findings, errors | "I checked it and fixed…", "one thing to look at:" |
|
|
28
|
+
| export | save as PDF, save as an image |
|
|
29
|
+
| inline preview, MCP App | the preview above |
|
|
30
|
+
|
|
12
31
|
## 1. Pick the surface
|
|
13
32
|
|
|
14
|
-
Call `list_open_design_skills` with `surface: "list"` to get the kinds of thing Open Design can make (each with an id, label and description).
|
|
33
|
+
Call `list_open_design_skills` with `surface: "list"` to get the kinds of thing Open Design can make (`surfaces`, each with an id, label and description) and the `goals`, plain-language aims such as "Promote an event" or "Get hired", each with the surfaces it leads to.
|
|
15
34
|
|
|
16
|
-
- If the request starts with or clearly names
|
|
17
|
-
- If it
|
|
35
|
+
- If the request starts with or clearly names a surface (by id or label, e.g. "wireframe", "diagram", "a poster"), use that surface.
|
|
36
|
+
- If it says what the design is for but names no surface ("help me get a UX job"), take the goal that fits.
|
|
37
|
+
- If it is empty or too vague to tell, show the user the goals (label and description) and ask one question: "What's it for?". Stop until they answer. Show the surfaces instead only if they ask what kinds of thing you can make.
|
|
38
|
+
- Once you have a goal, call `list_open_design_skills` with `goal` set to its id and use the surface marked `default`, unless the request points at another of that goal's surfaces. Ask which one only when the goal leads to several and you can't tell.
|
|
18
39
|
|
|
19
40
|
## 2. Ask what's missing
|
|
20
41
|
|
|
@@ -22,9 +43,11 @@ Call `list_open_design_skills` with `surface` set to the chosen id. The result h
|
|
|
22
43
|
|
|
23
44
|
Ask only the questions the request doesn't already answer, all at once, in one short message. If the request answers them all, don't ask anything.
|
|
24
45
|
|
|
46
|
+
If no design system is active and the request names no look, also call `recommend_open_design_design_systems` with what you know (the surface, what it's for, how it should feel). If its result has `questions`, add the ones the request doesn't answer to that same message, and accept "you pick". Use its first recommendation as the `designSystemId` in step 3, and say which style you used and that they can pick another.
|
|
47
|
+
|
|
25
48
|
## 3. Build it
|
|
26
49
|
|
|
27
50
|
- If the surface has a `prompt` (for example `open-design-poster` or `open-design-social-post`), follow that flow from its first step with the user's request as the brief. In Copilot Chat it's the `/` command of the same name; in Claude Code and Codex it's the skill of the same name.
|
|
28
|
-
- Otherwise pick the entry that best fits the request. Entries come in curated order: the recipe first, then its remixable example when there is one. To start from a rendered example (an entry with
|
|
51
|
+
- Otherwise pick the entry that best fits the request. Entries come in curated order: the recipe first, then its remixable example when there is one. To start from a rendered example (an entry with `remixable: true`), call `remix_open_design_example`; otherwise call `prepare_open_design_brief` with its id, the brief and any recommended `designSystemId`, and follow the general Open Design flow: write the files, register the artifact, then check it with `check_open_design_artifact` before saying it's done.
|
|
29
52
|
|
|
30
53
|
Never pick an entry marked `stub: true`.
|
|
@@ -9,6 +9,25 @@ Design a poster with Open Design, check it, and export files that are ready to p
|
|
|
9
9
|
|
|
10
10
|
Brief: the rest of the user's message (if there is none, ask the user: "What is the poster for, and is it for print (which size) or screens?")
|
|
11
11
|
|
|
12
|
+
**How to talk to the user.** Many people using Open Design don't write code, so:
|
|
13
|
+
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
|
|
14
|
+
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
|
|
15
|
+
- Explain a print term the first time it comes up, in one short clause, and not again.
|
|
16
|
+
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
|
|
17
|
+
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
|
|
18
|
+
|
|
19
|
+
| Instead of | Say |
|
|
20
|
+
|---|---|
|
|
21
|
+
| artifact, entry, registered | your design, saved |
|
|
22
|
+
| design system, active design system | your style (the first time: "a saved style: colours, fonts and spacing") |
|
|
23
|
+
| surface, skill, template, recipe | kind of design, starting layout, or nothing |
|
|
24
|
+
| workspace, output directory | your folder, your Open Design folder |
|
|
25
|
+
| bleed | print edge ("a few millimetres extra that the printer trims off") |
|
|
26
|
+
| trim size | final size |
|
|
27
|
+
| preflight findings, errors | "I checked it and fixed…", "one thing to look at:" |
|
|
28
|
+
| export | save as PDF, save as an image |
|
|
29
|
+
| inline preview, MCP App | the preview above |
|
|
30
|
+
|
|
12
31
|
## 1. Pick the medium and a default shape
|
|
13
32
|
|
|
14
33
|
Decide whether this is for **print** or **screens**. If the brief doesn't say, ask the user before doing anything else. Don't guess between print and screen: the units, bleed and type sizes are different.
|
|
@@ -39,7 +58,7 @@ Otherwise call `prepare_open_design_brief` with:
|
|
|
39
58
|
- `format`: the default shape from step 1;
|
|
40
59
|
- `fluid: true`.
|
|
41
60
|
|
|
42
|
-
Call `list_open_design_design_systems` first
|
|
61
|
+
Call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active.
|
|
43
62
|
|
|
44
63
|
Author the file yourself, following the returned instructions. Their **Canvas** section is authoritative: one `data-od-card data-od-fluid` element sized by `--od-w`/`--od-h`, everything inside sized in container units, and layout rules for wide and tall shapes. Also:
|
|
45
64
|
|
|
@@ -9,6 +9,25 @@ Show an Open Design artifact in the browser preview.
|
|
|
9
9
|
|
|
10
10
|
Request: the rest of the user's message (if there is none, ask the user: "Which design should the preview show?")
|
|
11
11
|
|
|
12
|
+
**How to talk to the user.** Many people using Open Design don't write code, so:
|
|
13
|
+
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
|
|
14
|
+
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
|
|
15
|
+
- Explain a print term the first time it comes up, in one short clause, and not again.
|
|
16
|
+
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
|
|
17
|
+
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
|
|
18
|
+
|
|
19
|
+
| Instead of | Say |
|
|
20
|
+
|---|---|
|
|
21
|
+
| artifact, entry, registered | your design, saved |
|
|
22
|
+
| design system, active design system | your style (the first time: "a saved style: colours, fonts and spacing") |
|
|
23
|
+
| surface, skill, template, recipe | kind of design, starting layout, or nothing |
|
|
24
|
+
| workspace, output directory | your folder, your Open Design folder |
|
|
25
|
+
| bleed | print edge ("a few millimetres extra that the printer trims off") |
|
|
26
|
+
| trim size | final size |
|
|
27
|
+
| preflight findings, errors | "I checked it and fixed…", "one thing to look at:" |
|
|
28
|
+
| export | save as PDF, save as an image |
|
|
29
|
+
| inline preview, MCP App | the preview above |
|
|
30
|
+
|
|
12
31
|
1. Work out which artifact is meant. Registered artifacts are the files under the Open Design output folder (default `.open-design/`) that have a `.artifact.json` file next to them. Use the one the request names; if it names none, use the one you made or changed most recently in this conversation. If that still doesn't settle it, call `open_open_design_preview` without `entryPath`: the preview then lists every design, and the user picks there.
|
|
13
32
|
2. Call `open_open_design_preview` with that `entryPath`.
|
|
14
33
|
3. Tell the user in one or two sentences what happened, using the tool's result: where the preview opened (or the URL to open, when it couldn't open a window), that it reloads by itself when the design changes, and that they can click **Comment**, then an element, to leave a comment, and **Send to agent** when they want you to apply them.
|
|
@@ -9,6 +9,25 @@ Share an Open Design artifact with people who don't have this project open.
|
|
|
9
9
|
|
|
10
10
|
Request: the rest of the user's message (if there is none, ask the user: "Which design should we share, and how?")
|
|
11
11
|
|
|
12
|
+
**How to talk to the user.** Many people using Open Design don't write code, so:
|
|
13
|
+
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
|
|
14
|
+
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
|
|
15
|
+
- Explain a print term the first time it comes up, in one short clause, and not again.
|
|
16
|
+
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
|
|
17
|
+
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
|
|
18
|
+
|
|
19
|
+
| Instead of | Say |
|
|
20
|
+
|---|---|
|
|
21
|
+
| artifact, entry, registered | your design, saved |
|
|
22
|
+
| design system, active design system | your style (the first time: "a saved style: colours, fonts and spacing") |
|
|
23
|
+
| surface, skill, template, recipe | kind of design, starting layout, or nothing |
|
|
24
|
+
| workspace, output directory | your folder, your Open Design folder |
|
|
25
|
+
| bleed | print edge ("a few millimetres extra that the printer trims off") |
|
|
26
|
+
| trim size | final size |
|
|
27
|
+
| preflight findings, errors | "I checked it and fixed…", "one thing to look at:" |
|
|
28
|
+
| export | save as PDF, save as an image |
|
|
29
|
+
| inline preview, MCP App | the preview above |
|
|
30
|
+
|
|
12
31
|
## 1. Find the artifact
|
|
13
32
|
|
|
14
33
|
If the request names a design, find its entry file (`get_open_design_artifact`, or the `.open-design/` folder). If several match or none is named, ask the user which one. It must be registered; if it isn't, register it first with `register_open_design_artifact`.
|
|
@@ -9,6 +9,25 @@ Recurring Open Design jobs: one job file describes what to make each period, and
|
|
|
9
9
|
|
|
10
10
|
Request: the rest of the user's message (if there is none, ask the user: "What should be rebuilt, from which sources, and how often?")
|
|
11
11
|
|
|
12
|
+
**How to talk to the user.** Many people using Open Design don't write code, so:
|
|
13
|
+
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
|
|
14
|
+
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
|
|
15
|
+
- Explain a print term the first time it comes up, in one short clause, and not again.
|
|
16
|
+
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
|
|
17
|
+
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
|
|
18
|
+
|
|
19
|
+
| Instead of | Say |
|
|
20
|
+
|---|---|
|
|
21
|
+
| artifact, entry, registered | your design, saved |
|
|
22
|
+
| design system, active design system | your style (the first time: "a saved style: colours, fonts and spacing") |
|
|
23
|
+
| surface, skill, template, recipe | kind of design, starting layout, or nothing |
|
|
24
|
+
| workspace, output directory | your folder, your Open Design folder |
|
|
25
|
+
| bleed | print edge ("a few millimetres extra that the printer trims off") |
|
|
26
|
+
| trim size | final size |
|
|
27
|
+
| preflight findings, errors | "I checked it and fixed…", "one thing to look at:" |
|
|
28
|
+
| export | save as PDF, save as an image |
|
|
29
|
+
| inline preview, MCP App | the preview above |
|
|
30
|
+
|
|
12
31
|
If the request names a job file (".open-design/jobs/<id>.job.md", usually "Run the Open Design job …"), go to **Run**. Otherwise go to **Set up**.
|
|
13
32
|
|
|
14
33
|
If `start_open_design_job_run` isn't one of your tools (VS Code has no scheduler, so it doesn't offer it), you can still write the job file in **Set up**, but say that scheduled runs need Claude Code or Claude Desktop with the Open Design MCP server, and stop there.
|
|
@@ -9,6 +9,25 @@ Design a social media post with Open Design and export files that are ready to u
|
|
|
9
9
|
|
|
10
10
|
Brief: the rest of the user's message (if there is none, ask the user: "What should the post say, and for which platform?")
|
|
11
11
|
|
|
12
|
+
**How to talk to the user.** Many people using Open Design don't write code, so:
|
|
13
|
+
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
|
|
14
|
+
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
|
|
15
|
+
- Explain a print term the first time it comes up, in one short clause, and not again.
|
|
16
|
+
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
|
|
17
|
+
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
|
|
18
|
+
|
|
19
|
+
| Instead of | Say |
|
|
20
|
+
|---|---|
|
|
21
|
+
| artifact, entry, registered | your design, saved |
|
|
22
|
+
| design system, active design system | your style (the first time: "a saved style: colours, fonts and spacing") |
|
|
23
|
+
| surface, skill, template, recipe | kind of design, starting layout, or nothing |
|
|
24
|
+
| workspace, output directory | your folder, your Open Design folder |
|
|
25
|
+
| bleed | print edge ("a few millimetres extra that the printer trims off") |
|
|
26
|
+
| trim size | final size |
|
|
27
|
+
| preflight findings, errors | "I checked it and fixed…", "one thing to look at:" |
|
|
28
|
+
| export | save as PDF, save as an image |
|
|
29
|
+
| inline preview, MCP App | the preview above |
|
|
30
|
+
|
|
12
31
|
## 1. Pick the platform and format
|
|
13
32
|
|
|
14
33
|
If the brief names a platform or format, use it. Otherwise ask the user to pick one of the rows below before doing anything else. Don't guess.
|
|
@@ -30,7 +49,7 @@ For several platforms at once, run steps 2–4 once per format and keep each one
|
|
|
30
49
|
|
|
31
50
|
## 2. Generate
|
|
32
51
|
|
|
33
|
-
Call `prepare_open_design_brief` with the row's `skillId`, the brief, and `format` set to the row's preset id (leave it out for the X post mock and YouTube video). Call `list_open_design_design_systems` first
|
|
52
|
+
Call `prepare_open_design_brief` with the row's `skillId`, the brief, and `format` set to the row's preset id (leave it out for the X post mock and YouTube video). Call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. For the X post mock, say in the brief that it is one card element.
|
|
34
53
|
|
|
35
54
|
Author the files yourself with your own file-editing tools, following the returned instructions, and add these rules for social posts:
|
|
36
55
|
|
|
@@ -9,4 +9,4 @@ Use the Open Design skill `od:prototype:poster-hero` (Marketing Poster).
|
|
|
9
9
|
|
|
10
10
|
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Marketing Poster template to turn my content into a vertical poster or Moments-style share image with strong visual impact. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
|
|
11
11
|
|
|
12
|
-
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:poster-hero" and this brief — call `list_open_design_design_systems` first
|
|
12
|
+
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:poster-hero" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.
|
|
@@ -9,4 +9,4 @@ Use the Open Design skill `od:deck:ppt-keynote` (Keynote-style Slides).
|
|
|
9
9
|
|
|
10
10
|
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Keynote-style Slides template to turn my content into Apple Keynote-quality slides with one card per screen and keyboard left/right navigation. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
|
|
11
11
|
|
|
12
|
-
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:ppt-keynote" and this brief — call `list_open_design_design_systems` first
|
|
12
|
+
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:ppt-keynote" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.
|
|
@@ -9,4 +9,4 @@ Use the Open Design skill `od:prototype:resume-modern` (Modern Resume).
|
|
|
9
9
|
|
|
10
10
|
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Modern Resume template to turn my content into a modern minimal single-page A4 resume ready for print or PDF export. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
|
|
11
11
|
|
|
12
|
-
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:resume-modern" and this brief — call `list_open_design_design_systems` first
|
|
12
|
+
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:resume-modern" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.
|
|
@@ -9,4 +9,4 @@ Use the Open Design skill `od:prototype:social-carousel` (social-carousel).
|
|
|
9
9
|
|
|
10
10
|
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Design a 3-card cinematic social carousel — ‘onwards.’, ‘to the next one.’, ‘looking ahead.’. 1080×1080 squares, drop-into-Instagram ready."
|
|
11
11
|
|
|
12
|
-
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-carousel" and this brief — call `list_open_design_design_systems` first
|
|
12
|
+
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-carousel" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.
|
|
@@ -9,4 +9,4 @@ Use the Open Design skill `od:prototype:social-reddit-card` (Reddit Post Card).
|
|
|
9
9
|
|
|
10
10
|
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Reddit Post Card template to turn my content into a realistic Reddit post card with vote rail and comment count for a video overlay or story share. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
|
|
11
11
|
|
|
12
|
-
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-reddit-card" and this brief — call `list_open_design_design_systems` first
|
|
12
|
+
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-reddit-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.
|
|
@@ -9,4 +9,4 @@ Use the Open Design skill `od:prototype:social-spotify-card` (Spotify Now-Playin
|
|
|
9
9
|
|
|
10
10
|
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Spotify Now-Playing Card template to turn my content into a Spotify Now Playing-style card with album art, progress bar, and playback controls for a video overlay or personal homepage. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
|
|
11
11
|
|
|
12
|
-
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-spotify-card" and this brief — call `list_open_design_design_systems` first
|
|
12
|
+
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-spotify-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.
|
|
@@ -9,4 +9,4 @@ Use the Open Design skill `od:prototype:social-x-post-card` (X / Twitter Post Ca
|
|
|
9
9
|
|
|
10
10
|
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the X / Twitter Post Card template to turn my content into a realistic X post card with engagement metrics for a video overlay or shareable image card. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
|
|
11
11
|
|
|
12
|
-
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-x-post-card" and this brief — call `list_open_design_design_systems` first
|
|
12
|
+
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-x-post-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.
|
|
@@ -9,4 +9,4 @@ Use the Open Design skill `od:prototype:social-youtube-thumbnail` (YouTube Thumb
|
|
|
9
9
|
|
|
10
10
|
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the YouTube Thumbnail template to design a thumbnail for my video. Make the promise of the video readable in under a second: one short hook line, one strong focal subject, high contrast. Use real content from my brief and avoid lorem ipsum or placeholder images."
|
|
11
11
|
|
|
12
|
-
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-youtube-thumbnail" and this brief — call `list_open_design_design_systems` first
|
|
12
|
+
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-youtube-thumbnail" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.
|
|
@@ -9,4 +9,4 @@ Use the Open Design skill `od:video:vfx-text-cursor` (VFX Text Cursor).
|
|
|
9
9
|
|
|
10
10
|
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the VFX Text Cursor template to turn my content into a video-intro quote reveal with cursor light trails, chromatic rays, and directional flares. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
|
|
11
11
|
|
|
12
|
-
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:vfx-text-cursor" and this brief — call `list_open_design_design_systems` first
|
|
12
|
+
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:vfx-text-cursor" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.
|
|
@@ -9,4 +9,4 @@ Use the Open Design skill `od:video:video-hyperframes` (Hyperframes Video).
|
|
|
9
9
|
|
|
10
10
|
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Hyperframes Video template to turn my content into a Hyperframes / Remotion-compatible continuous frame animation with autoplay support. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
|
|
11
11
|
|
|
12
|
-
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:video-hyperframes" and this brief — call `list_open_design_design_systems` first
|
|
12
|
+
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:video-hyperframes" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.
|