Local-first Visual Direction Loop over MCP
- ✓Actively maintained (<30d)
- ✓Clear description
- ✓Documented (README)
- !No standard license detected
claude mcp add visual-intent-layer -- npx -y --package{
"mcpServers": {
"visual-intent-layer": {
"command": "npx",
"args": ["-y", "--package"]
}
}
}Resumen de MCP Servers
# Visual Intent Layer
Point at what you see and say what should change. The agent changes exactly that,
and you verify by hand. It reviews a browser-rendered artifact — a saved or
generated HTML document, or a local web app running on this machine; a mobile
build, a native window, a design file and a PDF are outside it by decision rather
than omission.
## Install
Requires Node 20+. No Rust toolchain, no hosted account.
The product is a standard local MCP server. You register it with your own agent's
MCP mechanism — there is no install command of ours to run, and nothing of yours
that we write.
| Harness | What to run |
| ----------- | -------------------------------------------------------------------------------------------------------- |
| Claude Code | `claude mcp add visual-intent-layer -- npx -y --package visual-intent-layer@latest visual-intent-mcp` |
| Codex | `codex mcp add visual-intent-layer -- npx -y --package visual-intent-layer@latest visual-intent-mcp` |
| opencode | `opencode mcp add visual-intent-layer`, then give it `npx` and the arguments above when it asks |
| pi | the entry below, with `pi-mcp-adapter` installed, or the adapter's `/mcp setup` panel |
| any other | any host that can launch a local stdio server: command `npx`, arguments `-y --package visual-intent-layer@latest visual-intent-mcp` |
Registry-aware clients can also find the server as
`io.github.willa-code/visual-intent-layer` in the official MCP Registry, which lists
where to get it rather than hosting it.
**Install it on the machine where you look at the screen.** The Review Surface
launches a browser on the machine running the server and binds a loopback port
there. A server in a container, on a remote host, or inside a cloud agent has
nothing to show you.
Registering takes effect when your agent next starts, so restart it.
### The pi entry
pi itself ships no MCP; `pi-mcp-adapter` provides it. Add this to the project's
`.mcp.json` — merge it into `mcpServers` if the file already has one, rather than
replacing the file:
```json
{
"mcpServers": {
"visual-intent-layer": {
"command": "npx",
"args": ["-y", "--package", "visual-intent-layer@latest", "visual-intent-mcp"]
}
}
}
```
A project `.mcp.json` applies to that project only. `.pi/mcp.json` is the Pi-only
project override, and `~/.config/mcp/mcp.json` applies to every project. Install
the package globally (`npm install -g visual-intent-layer`) and the entry's
`command` becomes `visual-intent` with `args` `["mcp"]`.
### Update
`@latest` is resolved when npx fetches the package, so there is nothing to update
by hand — unless your Harness caches the resolved command and keeps serving it:
`pi-mcp-adapter` caches for 24 hours, reading the cache from disk, so a restart
does not renew it. Delete `~/.pi/agent/mcp-npx-cache.json` to force a fresh
fetch. `npm view visual-intent-layer version` says what is current.
To hold a version still, replace `@latest` with an exact version in the entry. A
global install updates with `npm install -g visual-intent-layer@latest`.
### Uninstall
Remove the entry you added, with the mechanism you added it: `codex mcp remove
visual-intent-layer` in Codex, `claude mcp remove visual-intent-layer` in Claude
Code, and by deleting the entry from your Harness's own MCP config everywhere
else. A global install comes out with `npm uninstall -g visual-intent-layer`.
Uninstalling deletes none of your reviews: Annotations, sessions and attachments
stay in `~/.visual-intent-layer/data` until you remove that directory.
`docs/guide.md` names the file for the Harnesses that keep one.
### If the tools do not appear
Run the entry's command by hand first. It separates Node and npm from the Harness:
```sh
npx -y --package visual-intent-layer@latest visual-intent-mcp
```
It prints `visual-intent review service on http://127.0.0.1:<port>` to stderr and
then holds the connection open for an agent; `Ctrl-C` ends it. If that works, your
agent's own MCP panel is where the reason is: it names the server and reports why
it failed to start. The product cannot tell you — it writes no configuration and
reads none.
The server runs without an agent too:
```sh
npx -y --package visual-intent-layer@latest visual-intent open --html ./checkout.html
```
## Documentation
[`docs/guide.md`](docs/guide.md) is the product manual: the Review Surface, the
Annotation model, target resolution, Check-In, the four MCP tools, environment and
data, the envelope schema, develop and layout. `SECURITY.md` holds the threat
model, supported versions and the disclosure process. `docs/adr/` records why the
product behaves as it does, and `docs/pi-validation.md` is the live-pi checklist,
awaiting a human run.
## License
Apache-2.0. The complete local loop is permissively open.
Lo que la gente pregunta sobre visual-intent-layer
¿Qué es willa-code/visual-intent-layer?
+
willa-code/visual-intent-layer es mcp servers para el ecosistema de Claude AI. Local-first Visual Direction Loop over MCP Tiene 0 estrellas en GitHub y su última actualización registrada es del 2026-09-18.
¿Cómo se instala visual-intent-layer?
+
Puedes instalar visual-intent-layer clonando el repositorio (https://github.com/willa-code/visual-intent-layer) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.
¿Es seguro usar willa-code/visual-intent-layer?
+
Nuestro agente de seguridad ha analizado willa-code/visual-intent-layer y le ha asignado un Trust Score de 62/100 (tier: OK). Revisa el desglose completo de comprobaciones superadas y flags en esta página.
¿Quién mantiene willa-code/visual-intent-layer?
+
willa-code/visual-intent-layer es mantenido por willa-code. La última actividad registrada en GitHub es del 2026-09-18, con 0 issues abiertos.
¿Hay alternativas a visual-intent-layer?
+
Sí. En ClaudeWave puedes explorar mcp servers similares en /categories/mcp, ordenados por popularidad o actividad reciente.
Despliega visual-intent-layer en tu cloud
Lleva este repo a producción en minutos. Cada plataforma genera su propio entorno con variables de entorno editables.
¿Mantienes este repo? Añade un badge a tu README
Pega el badge en tu README de GitHub para mostrar que está auditado por ClaudeWave. Cada badge enlaza de vuelta a esta página y muestra el Trust Score actual.
[](https://claudewave.com/repo/willa-code-visual-intent-layer)<a href="https://claudewave.com/repo/willa-code-visual-intent-layer"><img src="https://claudewave.com/api/badge/willa-code-visual-intent-layer" alt="Featured on ClaudeWave: willa-code/visual-intent-layer" width="320" height="64" /></a>Más MCP Servers
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
User-friendly AI Interface (Supports Ollama, OpenAI API, ...)
An open-source AI agent that brings the power of Gemini directly into your terminal.
Real-time global intelligence dashboard. AI-powered news aggregation, geopolitical monitoring, and infrastructure tracking in a unified situational awareness interface
🕷️ An adaptive Web Scraping framework that handles everything from a single request to a full-scale crawl! Don't be shy, join here: https://discord.gg/EMgGbDceNQ
The fastest path to AI-powered full stack observability, even for lean teams.