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.
Files changed (3) hide show
  1. package/README.md +18 -0
  2. package/package.json +1 -1
  3. 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.6.1",
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",