@feimacode/open-design-agent-kit-mcp 0.1.8 → 0.3.0-beta.3
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/README.md +15 -8
- package/out/index.js +186032 -117184
- package/out/preview/bridge.js +3 -0
- package/out/preview/mcp-app.js +209 -0
- package/out/preview/shell.js +70 -0
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -56,6 +56,10 @@ claude mcp add open-design -- npx -y @feimacode/open-design-agent-kit-mcp
|
|
|
56
56
|
|
|
57
57
|
Or install the [Claude Code plugin](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/getting-started/claude-code.md) instead: it registers this server automatically and adds the Open Design skills on top.
|
|
58
58
|
|
|
59
|
+
**Other MCP clients**
|
|
60
|
+
|
|
61
|
+
The server is listed in the [MCP registry](https://registry.modelcontextprotocol.io/v0/servers?search=io.github.feimacode/open-design) as `io.github.feimacode/open-design`, so clients that read it (such as VS Code's `@mcp` gallery) can install it directly. In VS Code, prefer the [extension](https://marketplace.visualstudio.com/items?itemName=feima.open-design-agent-kit): it adds live preview and editing, and installing both gives you two copies of the same tools.
|
|
62
|
+
|
|
59
63
|
**Codex CLI**
|
|
60
64
|
|
|
61
65
|
```bash
|
|
@@ -87,29 +91,32 @@ Or run `npx @feimacode/open-design-agent-kit init --tools codex` to add the matc
|
|
|
87
91
|
|
|
88
92
|
## Tools and prompts
|
|
89
93
|
|
|
90
|
-
|
|
94
|
+
23 tools, the same as the VS Code extension's (minus community sharing):
|
|
91
95
|
|
|
92
96
|
- **Catalog:** `list_open_design_skills`, `list_open_design_design_systems`
|
|
93
|
-
- **Generating:** `prepare_open_design_brief`, `register_open_design_artifact`, `get_open_design_artifact`, `remix_open_design_example`
|
|
97
|
+
- **Generating:** `read_open_design_source` (DOCX, PPTX, XLSX, PDF and more to Markdown), `prepare_open_design_brief`, `register_open_design_artifact`, `get_open_design_artifact`, `remix_open_design_example`, `add_open_design_diagram_runtime`
|
|
98
|
+
- **Exploring directions:** `prepare_open_design_exploration`, `compare_open_design_exploration`, `choose_open_design_direction`
|
|
94
99
|
- **Design systems:** `set_active_design_system`, `create_open_design_design_system`
|
|
95
|
-
- **Beyond the prototype:** `port_open_design_artifact_to_app`, `pull_open_design_figma_frame`
|
|
96
|
-
- **
|
|
100
|
+
- **Beyond the prototype:** `port_open_design_artifact_to_app`, `pull_open_design_figma_frame`, `push_open_design_artifact_to_figma`, `publish_open_design_artifact_to_canva`
|
|
101
|
+
- **Check and export:** `check_open_design_artifact` (screenshots plus preflight findings), `export_open_design_artifact` (PNG/JPEG, PDF, PowerPoint, MP4/WebM/GIF, standalone HTML, a site folder, email HTML, paste-ready HTML, one file per spreadsheet row), `adapt_open_design_artifact`, `create_open_design_qr_code`. Rendering needs an installed Chrome, Edge or Chromium; animation export also needs FFmpeg.
|
|
102
|
+
- **Sharing:** `publish_open_design_artifact` (a temporary link, or your own Netlify, Vercel, Cloudflare Pages or GitHub Pages)
|
|
103
|
+
- **Integrations:** `list_open_design_integrations` (Canva, Figma, Notion, Google Drive, Slack and posting services your agent can connect to)
|
|
97
104
|
|
|
98
|
-
MCP prompts: `open-design-social-post`, and one `od-<mode>-<id>` prompt per remixable example.
|
|
105
|
+
MCP prompts: the workflows `open-design-new`, `open-design-social-post`, `open-design-poster`, `open-design-campaign`, `open-design-docs`, `open-design-explore`, `open-design-publish`, `open-design-deck-from-source`, `open-design-integrations` and `open-design-recurring`, plus one `od-<mode>-<id>` prompt per remixable example.
|
|
99
106
|
|
|
100
107
|
Arguments, results and errors: [tools reference](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/reference/tools.md). Prompts: [prompts and commands](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/reference/prompts-and-commands.md#claude-code).
|
|
101
108
|
|
|
102
109
|
## Configuration
|
|
103
110
|
|
|
104
|
-
Zero config by default. The server works in the directory your agent starts it in. Optional environment variables (`OPEN_DESIGN_WORKSPACE_ROOT`, `OPEN_DESIGN_OUTPUT_DIR`, `OPEN_DESIGN_FIGMA_TOKEN`, `OPEN_DESIGN_BROWSER_PATH`) are described in [settings and environment variables](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/reference/settings-and-env.md#environment-variables).
|
|
111
|
+
Zero config by default. The server works in the directory your agent starts it in. Optional environment variables (`OPEN_DESIGN_WORKSPACE_ROOT`, `OPEN_DESIGN_OUTPUT_DIR`, `OPEN_DESIGN_FIGMA_TOKEN`, `OPEN_DESIGN_BROWSER_PATH`, `OPEN_DESIGN_FFMPEG_PATH`, `OPEN_DESIGN_SHARE_BADGE`) are described in [settings and environment variables](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/reference/settings-and-env.md#environment-variables).
|
|
105
112
|
|
|
106
113
|
## What's not here
|
|
107
114
|
|
|
108
|
-
Live preview, inline comments,
|
|
115
|
+
Live preview, inline comments, WYSIWYG editing, and the Tweaks panel are webview-based and stay VS-Code-only — see the [VS Code extension](https://marketplace.visualstudio.com/items?itemName=feima.open-design-agent-kit) for those. This package is the headless skill/design-system/artifact workflow only.
|
|
109
116
|
|
|
110
117
|
## More
|
|
111
118
|
|
|
112
|
-
[Documentation](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/README.md) · [Troubleshooting](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/troubleshooting.md) · [Social media posts](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/social-posts.md) · [Export decks and PDFs](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/export-decks.md)
|
|
119
|
+
[Documentation](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/README.md) · [Troubleshooting](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/troubleshooting.md) · [All guides](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/README.md) · [Social media posts](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/social-posts.md) · [Export decks and PDFs](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/export-decks.md)
|
|
113
120
|
|
|
114
121
|
## License
|
|
115
122
|
|