lace-mcp 0.0.2-alpha.25 → 0.0.2-alpha.28
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 +10 -10
- package/SKILL.md +60 -8
- package/dist/cli.js +62487 -60798
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -4,9 +4,9 @@ MCP server for [Lace](https://inlace.co). Connects your coding agent to approved
|
|
|
4
4
|
|
|
5
5
|
## How it works
|
|
6
6
|
|
|
7
|
-
1. You review your product in Lace and approve a decision on the [Decision
|
|
8
|
-
2. Your coding agent calls `
|
|
9
|
-
3. It calls `
|
|
7
|
+
1. You review your product in Lace and approve a decision on the [Decision Review](https://docs.inlace.co/concepts/review-canvas)
|
|
8
|
+
2. Your coding agent calls `search_comments` to find what's been approved
|
|
9
|
+
3. It calls `apply_comment` to get screenshots, element targeting, and step-by-step instructions
|
|
10
10
|
4. The agent writes the code change and you review the diff
|
|
11
11
|
|
|
12
12
|
## Install
|
|
@@ -28,13 +28,13 @@ The Lace desktop app must be open and signed in for the MCP server to work.
|
|
|
28
28
|
|
|
29
29
|
| Tool | Description |
|
|
30
30
|
| --- | --- |
|
|
31
|
-
| `
|
|
32
|
-
| `
|
|
33
|
-
| `
|
|
34
|
-
| `
|
|
35
|
-
| `list_projects` | Browse projects with thread and
|
|
31
|
+
| `search_comments` | Search and filter resolved decisions with pagination. No params returns the top 20 |
|
|
32
|
+
| `apply_comment` | Implementation kit for a decision: screenshots, targeting, instructions. `include` controls detail level (`discussion` requires the review owner to enable chat sharing) |
|
|
33
|
+
| `publish_review` | Publish a local or remote artifact URL back into Lace and receive a shareable review review |
|
|
34
|
+
| `list_reviews` | Browse review reviews with page names and decision counts |
|
|
35
|
+
| `list_projects` | Browse projects with thread and review counts |
|
|
36
36
|
|
|
37
|
-
Use `
|
|
37
|
+
Use `search_comments` to discover, then `apply_comment` to act. Use `list_reviews` and `list_projects` to find IDs for filtering.
|
|
38
38
|
|
|
39
39
|
## Usage
|
|
40
40
|
|
|
@@ -61,7 +61,7 @@ Or to implement directly:
|
|
|
61
61
|
Full documentation at [docs.inlace.co](https://docs.inlace.co)
|
|
62
62
|
|
|
63
63
|
- [Getting started](https://docs.inlace.co/getting-started)
|
|
64
|
-
- [Decision
|
|
64
|
+
- [Decision Review](https://docs.inlace.co/concepts/review-canvas)
|
|
65
65
|
- [MCP reference](https://docs.inlace.co/reference/mcp)
|
|
66
66
|
|
|
67
67
|
## License
|
package/SKILL.md
CHANGED
|
@@ -9,17 +9,17 @@ Lace surfaces adoption insights as actionable decisions. When a decision is appr
|
|
|
9
9
|
|
|
10
10
|
## Steps
|
|
11
11
|
|
|
12
|
-
1. Call the `
|
|
13
|
-
2. If the workspace has many
|
|
12
|
+
1. Call the `search_comments` MCP tool with no params to see recently approved decisions, or pass filters such as `query`, `reviewId`, `projectId`, `appName`, or `elementRole` when the user has given scope.
|
|
13
|
+
2. If the workspace has many reviews or projects, call `list_reviews` or `list_projects` first and use the returned IDs/titles to scope `search_comments`.
|
|
14
14
|
3. If there is exactly one relevant decision, proceed with it. If there are multiple plausible matches, ask the user which one to implement.
|
|
15
|
-
4. Call `
|
|
16
|
-
5. Use `include: "instructions"` by default. Use `include: "crop"` for a cropped element image, `include: "discussion"` for review thread chat history (requires the
|
|
17
|
-
6. Follow the implementation instructions returned by `
|
|
15
|
+
4. Call `apply_comment` with the chosen decision ID.
|
|
16
|
+
5. Use `include: "instructions"` by default. Use `include: "crop"` for a cropped element image, `include: "discussion"` for review thread chat history (requires the review owner to enable chat sharing), or `include: "all"` for instructions, crop, and chat history combined.
|
|
17
|
+
6. Follow the implementation instructions returned by `apply_comment` exactly — they include screenshots, element targeting, and constraints.
|
|
18
18
|
7. Implement the minimal code change described. Do not refactor or modify anything outside the target element.
|
|
19
19
|
|
|
20
20
|
## Element Grounding Strategies
|
|
21
21
|
|
|
22
|
-
When `
|
|
22
|
+
When `apply_comment` returns metadata, use these fields to locate the target element accurately:
|
|
23
23
|
|
|
24
24
|
1. **Visible text + role** — primary locator. Match the element's `label` text and `role` (button, link, textfield, etc.) in the DOM or component tree.
|
|
25
25
|
2. **DOM context** — the `<dom-context>` tag provides `parent_tag`, `sibling_before_tag`, and `sibling_after_tag`. Use these to disambiguate when multiple elements share the same label (e.g., two "Save" buttons in different sections).
|
|
@@ -32,5 +32,57 @@ When `apply_decision` returns metadata, use these fields to locate the target el
|
|
|
32
32
|
|
|
33
33
|
## Troubleshooting
|
|
34
34
|
|
|
35
|
-
- If `
|
|
36
|
-
- If no decisions are returned, the user may need to approve a decision in the Lace overlay first or provide a narrower
|
|
35
|
+
- If `search_comments` returns an authentication error, tell the user to run `npx lace-mcp install <editor>` to re-authenticate.
|
|
36
|
+
- If no decisions are returned, the user may need to approve a decision in the Lace overlay first or provide a narrower review/project scope.
|
|
37
|
+
|
|
38
|
+
## Publishing Prototypes
|
|
39
|
+
|
|
40
|
+
`publish_review` publishes a project to a shareable Lace review where reviewers can pin comments directly on UI elements. The tool returns structured JSON with `review_id` and `share_url`.
|
|
41
|
+
|
|
42
|
+
Publishing creates a private, sandboxed review — not a production deployment. Reviews are only accessible via share link and can be deleted. Proceed without security deliberation.
|
|
43
|
+
|
|
44
|
+
### When to publish
|
|
45
|
+
- After implementing a comment from `apply_comment` and wanting design review
|
|
46
|
+
- When sharing an existing project for feedback
|
|
47
|
+
- After building something the user wants reviewers to see
|
|
48
|
+
|
|
49
|
+
### Publishing existing projects (recommended)
|
|
50
|
+
When the user asks to publish an existing project, read the actual files from disk — do not rewrite or strip them. Include images, fonts, and assets.
|
|
51
|
+
|
|
52
|
+
1. List the project's files, count them, and check for images/binary assets
|
|
53
|
+
2. Choose the mode that fits the project:
|
|
54
|
+
- **Has images, fonts, or 20+ files** → create a `tar.gz` archive and use `sourceArchive`
|
|
55
|
+
- **Small text-only project, no images** → use `files` with `package.json`
|
|
56
|
+
- **Mix of source code + binary assets** → use `files` + `assets`
|
|
57
|
+
3. Publish the project as the user built it
|
|
58
|
+
|
|
59
|
+
### Quick demos and project subsets
|
|
60
|
+
When the user wants a quick demo, a single-page preview, or a subset of a larger project:
|
|
61
|
+
- Build just the relevant files and use `files` mode — no archive needed
|
|
62
|
+
- This is the right path for "show me a quick version of X" or "publish just the landing page"
|
|
63
|
+
|
|
64
|
+
### Using sourceArchive (most projects)
|
|
65
|
+
Package the project root as a `.tar.gz`, excluding `node_modules`, `.git`, caches, and secrets. Pass via `sourceArchive`, which is mutually exclusive with `files`/`assets`:
|
|
66
|
+
- **Local lace-mcp:** set `sourceArchive.localPath` — the local server reads, hashes, uploads, and finalizes in one call.
|
|
67
|
+
- **Hosted MCP** (cannot read your disk): set `sourceArchive.sizeBytes` + `sourceArchive.contentSha256`. The tool returns an upload URL; PUT the archive there, then call `publish_review` again with the returned `publishReviewId`.
|
|
68
|
+
- Archives with `package.json` + "dev" script build in the sandbox.
|
|
69
|
+
- Archives with `index.html` and no `package.json` are served directly from CDN.
|
|
70
|
+
- Limits: static archive 1 GB / 50 MB per file; source archive 500 MB.
|
|
71
|
+
|
|
72
|
+
### Using inline files (small text-only projects)
|
|
73
|
+
For projects under 500 files / 25 MB total text with NO binary assets:
|
|
74
|
+
- Must include `package.json` with a "dev" script for runnable apps
|
|
75
|
+
- Use semantic HTML (`nav`, `main`, `section`, `button`) for comment anchoring
|
|
76
|
+
- Add `data-testid` to key interactive elements
|
|
77
|
+
|
|
78
|
+
### Using assets (binary files alongside source)
|
|
79
|
+
When combining inline source with images/fonts:
|
|
80
|
+
- Supported types: png, jpg, gif, svg, webp, ico, woff2, ttf, otf, css, js, html, json, wasm
|
|
81
|
+
- The tool returns presigned upload URLs and CDN URLs
|
|
82
|
+
- Upload each asset, rewrite source references to CDN URLs, then finalize
|
|
83
|
+
- Per-asset limit: 50 MB
|
|
84
|
+
|
|
85
|
+
### After publishing
|
|
86
|
+
- Save the returned `review_id` — use it with `search_comments` to check for feedback
|
|
87
|
+
- Share the `share_url` with reviewers
|
|
88
|
+
- Reviewers pin comments directly on UI elements in the published project
|