devlens-mcp 0.1.3 → 0.1.4
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 +2 -2
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -23,7 +23,7 @@ In your project root:
|
|
|
23
23
|
npx devlens-mcp init
|
|
24
24
|
```
|
|
25
25
|
|
|
26
|
-
This creates `.mcp.json`, `.claude/skills/devlens.md`, and `devlens.config.
|
|
26
|
+
This creates `.mcp.json`, `.claude/skills/devlens.md`, and `devlens.config.js`, and installs the Chromium browser automatically.
|
|
27
27
|
|
|
28
28
|
Edit `devlens.config.js` to map your source files to dev server routes, then restart Claude Code.
|
|
29
29
|
|
|
@@ -45,7 +45,7 @@ export default config;
|
|
|
45
45
|
|
|
46
46
|
- **`.mcp.json`** — registers the devlens MCP server so Claude Code can call the `dl_*` tools
|
|
47
47
|
- **`.claude/skills/devlens.md`** — the skill that tells Claude to automatically capture after every file write, diff before/after significant changes, and run a visual audit before deploying
|
|
48
|
-
- **`devlens.config.
|
|
48
|
+
- **`devlens.config.js`** — maps file glob patterns to dev server routes
|
|
49
49
|
|
|
50
50
|
## Performance
|
|
51
51
|
|
package/dist/index.js
CHANGED
|
@@ -28,7 +28,7 @@ Only call it once per session.
|
|
|
28
28
|
|
|
29
29
|
### Rule 2: Capture after every frontend file write
|
|
30
30
|
After every \`Edit\` or \`Write\` to a \`.tsx\`, \`.jsx\`, \`.css\`, \`.vue\`, or \`.svelte\` file:
|
|
31
|
-
1. Call \`dl_capture\` with either \`route\` (if you know it) or \`filePath\` (auto-resolved from devlens.config.
|
|
31
|
+
1. Call \`dl_capture\` with either \`route\` (if you know it) or \`filePath\` (auto-resolved from devlens.config.js)
|
|
32
32
|
2. Add \`selector\` if you only changed a specific component (keeps the image small and fast)
|
|
33
33
|
3. Look at the returned image \u2014 does it look right?
|
|
34
34
|
4. If something looks wrong (layout broken, text missing, wrong color, overlapping elements), fix it before moving on
|
|
@@ -115,7 +115,7 @@ async function runInit() {
|
|
|
115
115
|
console.log("");
|
|
116
116
|
console.log("DevLens initialized. Next step:");
|
|
117
117
|
console.log("");
|
|
118
|
-
console.log(" 1. Edit devlens.config.
|
|
118
|
+
console.log(" 1. Edit devlens.config.js to map your pages to routes");
|
|
119
119
|
console.log("");
|
|
120
120
|
console.log(" 2. Restart Claude Code");
|
|
121
121
|
console.log("");
|