miromiro-mcp 0.6.1 → 0.7.1
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 +18 -0
- package/package.json +1 -1
- package/src/index.mjs +657 -564
package/README.md
CHANGED
|
@@ -78,13 +78,30 @@ claude mcp add miromiro -s user \
|
|
|
78
78
|
|
|
79
79
|
All tools are read-only and retry-safe. Identical calls within 24 hours are served from cache for free, and failed calls are never billed.
|
|
80
80
|
|
|
81
|
+
### Asking for a part of the page by name
|
|
82
|
+
|
|
83
|
+
`extract_code` takes `section` - one of `hero`, `header`, `footer`, `pricing`, `features`, `testimonials`, `faq`, `cta` - so the agent never has to invent a CSS selector for a page it cannot see. Every result also lists the page's other `sections` with ready selectors for follow-up calls. A selector or section that matches nothing falls back to the hero with a `note` saying what the page does have, instead of a dead-end 404.
|
|
84
|
+
|
|
85
|
+
### Prompts (slash commands)
|
|
86
|
+
|
|
87
|
+
The server exposes three MCP prompts, which clients surface before the first call - Claude Code as `/mcp__miromiro__clone_section`, `/mcp__miromiro__brand_kit` and `/mcp__miromiro__design_tokens`, VS Code as `/miromiro.<name>`, Cursor in its prompt menu:
|
|
88
|
+
|
|
89
|
+
| Prompt | Arguments | What it does |
|
|
90
|
+
|---|---|---|
|
|
91
|
+
| `clone_section` | `url`, `section?`, `framework?` | Rebuild a section of a live site as paste-ready code, with its real values, and list the other sections |
|
|
92
|
+
| `brand_kit` | `url` | The brand colors, fonts, logo and socials, explained (declared vs inferred) |
|
|
93
|
+
| `design_tokens` | `url`, `format?` | The complete token system as CSS, Tailwind, DTCG or JSON, with a short summary |
|
|
94
|
+
|
|
81
95
|
### Controlling output size (remote server)
|
|
82
96
|
|
|
83
97
|
Remote results are trimmed by default so a big page cannot flood the chat context, and every trimmed response says exactly what was dropped. Two optional arguments loosen it per call:
|
|
84
98
|
|
|
99
|
+
- `response_format: 'concise' | 'detailed'` - the one-word knob: `concise` keeps lists to 10 entries for a chat answer, `detailed` returns everything the tool has
|
|
85
100
|
- `limit` (up to 200) - raise the item cap: "give me 80 SVGs, not 20"
|
|
86
101
|
- `full_output: true` - complete long strings, like entire inline SVG markup
|
|
87
102
|
|
|
103
|
+
Generated code is never trimmed. Results stop at roughly 20k tokens (25k for `extract_code`) so they fit the tool-result cap of Claude Code, Claude Desktop and Cursor, and the `truncation_note` says how many tokens were cut and which argument brings them back.
|
|
104
|
+
|
|
88
105
|
The REST API and this local npm server always return everything untrimmed, so `limit` and
|
|
89
106
|
`full_output` apply to the remote server only. Every tool on both servers accepts
|
|
90
107
|
`render: true`, plus two more shared arguments:
|
|
@@ -115,6 +132,7 @@ The agent calls `extract_fonts` and returns every family with its font file URLs
|
|
|
115
132
|
## Notes
|
|
116
133
|
|
|
117
134
|
- The API reads static HTML and resolves the full CSS cascade by default, so a fully client-rendered app may return little for images, video, audio and Lottie (tokens, fonts, brand, and code come from CSS and are unaffected). Pass `render: true` on any remote-server tool to run the page in a real browser first so its JavaScript executes (+5 credits).
|
|
135
|
+
- Every result carries `usage` with the credits left this month. If the account holds a credit pack (one-off credits that never expire, bought at https://miromiro.app/api/pricing), `usage.packCredits` is the pack balance left; packs are drawn after the monthly credits, so a free account with a pack keeps working past its 300 credits.
|
|
118
136
|
- Respect the sites you extract from: check their terms before reusing assets commercially.
|
|
119
137
|
|
|
120
138
|
## Links
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "miromiro-mcp",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.1",
|
|
4
4
|
"description": "MCP server for the MiroMiro design-extraction API — give your coding agent the real code, design tokens, assets, SVGs, fonts, and Lottie of any website.",
|
|
5
5
|
"mcpName": "app.miromiro/miromiro",
|
|
6
6
|
"type": "module",
|