Spec Driven Development
de formulahendry
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Se ejecuta en tu computadora★ 440MITActualizado hace 14 meses
Instalar
WebAnatomy
Resumen
Descripción del creador (original en inglés)
Help your AI improve landing pages, grounded in 3,500+ scored sections and 500 real pages.
Los tres pilares de PopNx MCP
Estos tres nunca se combinan en una sola puntuación: las opiniones, las mediciones y la popularidad son cosas distintas.
- Opinión de usuariosiAún no hay reseñasLas reseñas se abrirán junto con las cuentas en una etapa posterior
- Nuestras revisiones básicasi1 de 1 superadasRevisado con información pública; el código aún no se ha escaneado
- UsoiAún sin medir★ –
Qué puedes hacer con él
Todavía no escribimos un resumen sencillo para este. Abajo están los datos que leímos del registro.
- Conexión: Se ejecuta en la nube
- Transporte: Streamable HTTP
- Categoría: Otros
- Debes completar: Authorization
Instalación
Elige la app de IA que usas y copia la configuración.
Antes de instalar
- Revisiones básicas: 1 de 1 superadas
- Se ejecuta en el servidor del creador: lo que le pidas pasa por su servidor.
- Debes completar tú:
Authorization
Los valores marcados como secretos son llaves de tu cuenta. Nunca los compartas ni los pegues en un chat.
Necesitas
- Se ejecuta en la nubeNo hay nada que instalar; se conecta por internet
¿Qué app usas?
Elige tu app arriba. La recordamos, así que la próxima vez el botón dirá “Instalar en …”.
Esta dirección necesita una clave en un header de la solicitud, y el menú para agregar conectores no puede ponerla. Usa Claude Code, Cursor o VS Code.
Ejecuta esto en tu terminal
claude mcp add --transport http webanatomy https://mcp.webanatomy.ai/mcp --header 'Authorization: your-value'Completa los valores vacíos antes de ejecutarlo.
O copia la configuración tú
Pégalo en .cursor/mcp.json de tu proyecto, o en ~/.cursor/mcp.json
{
"mcpServers": {
"webanatomy": {
"url": "https://mcp.webanatomy.ai/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}Tu navegador te pide permiso para abrir la app; luego la app muestra la configuración y te pide confirmar. Los valores de las claves quedan vacíos para que los completes tú.
O copia la configuración tú
Pégalo en .vscode/mcp.json de tu proyecto
{
"servers": {
"webanatomy": {
"type": "http",
"url": "https://mcp.webanatomy.ai/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}Tu navegador te pide permiso para abrir la app; luego la app muestra la configuración y te pide confirmar. Los valores de las claves quedan vacíos para que los completes tú.
Esta dirección necesita una clave en un header de la solicitud, y el menú para agregar conectores no puede ponerla. Usa Claude Code, Cursor o VS Code.
Tu elección se guarda en una cookie en este dispositivo; no necesitas cuenta.
Valores que debes completar
Authorizationsecreto obligatorio HTTP headerBearer token from the WebAnatomy dashboard. WebAnatomy is in private beta: request access and generate a free token at https://www.webanatomy.ai/dashboard/mcp, then send it as 'Bearer '.
Esta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.
Qué puede hacer
Todavía no hemos leído la lista de herramientas de este servidor; revisamos los endpoints por turnos.
Revisiones básicasi
Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 6 nov 2026
- ✓ Superada
El creador coincide con el repo
El nombre en el registro se verificó con el dominio webanatomy.ai (el registro comprueba quién es dueño del dominio)
- … Aún sin revisar
Sigue en mantenimiento
Todavía no hemos leído este repo en GitHub
- … Aún sin revisar
Tiene licencia
Todavía no hemos leído este repo en GitHub
- … Aún sin revisar
El endpoint responde
Aún sin revisar; revisamos los endpoints por turnos
- … Aún sin revisar
Inicio de sesión con OAuth
Aún sin revisar; revisamos los endpoints por turnos
- … Aún sin revisar
Sin instrucciones ocultas en las descripciones de herramientas
Aún sin revisar; leemos la lista de herramientas cuando revisamos el endpoint
Comparado con otros en Otrosi
- Más estrellas que el 0% de los otros 32435 servidores de esta categoría
- Publicado en el registro más recientemente que el 13% de los otros 32435 servidores de esta categoría
- Revisiones básicas iguales o mejores que el 100% de los otros 32435 servidores de esta categoría
Comparado con todos los servidores activos de esta categoría en el registro. Las estrellas solo cuentan cuando quien lo publica es dueño del repo.
Preguntas frecuentes
¿Es seguro WebAnatomy?
Superó 1 de 1 revisiones básicas aplicables. No hemos leído el código. Antes de agregar una clave o un token, revisa qué acceso pide el servidor y usa una clave que tenga solo los permisos que necesitas.
¿Qué claves o códigos necesita?
Debes completar: Authorization
¿Se ejecuta en mi computadora o en la nube?
Se ejecuta en la nube del creador. Te conectas por internet sin instalar nada, pero lo que envías pasa por los servidores del creador.
¿Sigue en mantenimiento?
El repo de GitHub cambió por última vez –, y la última versión (0.1.1) llegó al registro hace 5 meses.
¿Qué apps pueden usarlo?
Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. Se conecta por URL, así que también funcionan las apps que aceptan servidores MCP remotos, como ChatGPT en modo desarrollador.
¿Qué puedo usar en su lugar?
En la misma categoría: Spec Driven Development, Remote Desktop Commander, Apify MCP Server
Alternativas
Servidores de la misma categoría hechos por otros creadores, ordenados por estrellas.
Cómo leer una tarjeta:★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi
Remote Desktop Commander
de desktop-commander
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Se ejecuta en la nube★ 211Actualizado ayer
Instalar
Apify MCP Server
de apify
Extract data from any website with thousands of scrapers, crawlers, and automations on Apify Store ⚡
Se ejecuta en la nubeActualizado hoy
Instalar
README del creador
Abrir el README
Copiado tal cual del repo del creador. PopNx MCP no lo ha revisado ni lo respalda. Se quitaron HTML, imágenes y scripts. Los enlaces llevan fuera de este sitio.
Web Anatomy
Skills for your AI agent that ship landing pages that work. Built from the plays the best SaaS companies actually shipped, grounded in a scored benchmark library so every recommendation cites a real page instead of generic advice.
$ npx skills add GabrielAmz/web-anatomyInstalls the Web Anatomy skill pack for Claude Code, OpenAI Codex, Cursor, Windsurf, and any agent that supports the Agent Skills spec.
What Web Anatomy is
Most AI agents rework a page from generic advice: add social proof, make the CTA stronger, tighten the headline. Web Anatomy gives the agent evidence instead. The skills read a page as a structure of known sections (hero, value proposition, trust, testimonial, pricing, FAQ, CTA), then ground every move in a benchmark library of real pages scored section by section.
The benchmark behind the skills (numbers to confirm before release):
- 3,500+ scored sections
- 500+ landing pages
- 290+ companies
The skills run standalone with built-in patterns. Connecting the hosted MCP (highly recommended) pulls the live benchmark data and real reference screenshots into every report. See Live benchmark data.
The four altitudes
Web Anatomy works at four zoom levels. The altitude matches the question being asked.
| Altitude | The question | Skill |
|---|---|---|
| Page | What do the strongest pages in this market do, and how does mine compare? | find-examples |
| Audit | How does my whole page stack up, and what should I change first? | audit-page |
| Section | How do I level up one section, from foundational to best-in-class? | research-best-practices |
| Fix | Write the grounded copy to rework a page or build a new one. | write-page |
After the copy is written, `build-page` assembles the structure + copy into a shareable wireframe with a coherent, single-exemplar design system. It is the terminal step on both branches (improve and create), so it sits above the altitudes rather than inside one.
Run webanatomy-setup once first. It captures product, ICP, industry, competitors, and proof assets into .agents/webanatomy-context.md, so every skill gives sharper, on-brand recommendations.
Two flows
- Improve an existing page:
audit-page(diagnose) ->write-page(rewrite the weak sections) ->build-page(optional: assemble the improved page as a shareable wireframe, in your page's own look). - Create a new page:
find-examples(pick one exemplar homepage) ->write-pagebuild mode (a light outline adopts the exemplar's section order, then writes the copy) ->build-page(assemble the wireframe in the exemplar's look).
The skills
| Skill | Altitude | What it does |
|---|---|---|
webanatomy-setup | Foundation | Run once. Captures product, ICP, industry, competitors, proof assets, and priority pages into .agents/webanatomy-context.md. |
find-examples | Page | The market scan. Pulls the top-ranked pages and sections in a market, shows what to steal, and when you share your page, labels how it compares. Absorbs the old benchmark-compare. |
audit-page | Audit | Scores the current page against a CRO rubric, diagnoses it section by section, and returns a prioritized fix list. Runs standalone, no MCP required. |
research-best-practices | Section | The section deep-dive. Takes one section and returns a tiered improvement ladder (foundational, competitive, best-in-class), each grounded in real benchmark sections. |
write-page | Fix | The copy engine. Turns a diagnosis, a tier, or a chosen structure into grounded copy-paste sections; reworks an existing page or writes a new one. |
build-page | Assemble | The terminal assembler. Takes a structure + its copy and lays them out as a shareable wireframe with a single-exemplar design system (a benchmark page for a new page, your own page when improving). |
moodboard | Page | The section-by-section visual board. Captures the live page section by section and pulls benchmarks from the MCP, then composes each section as current-state-large + problems + a benchmark screenshot grid + discipline-tagged practices + recommendation. Where find-examples shows what to steal, moodboard composes the whole page as a visual reference you build from. |
Visual Reports
Web Anatomy does not rely on chat to render screenshots. The output skills write local visual artifacts:
.webanatomy/├── find-examples/ ├── audit-page/ ├── research-best-practices/ ├── moodboard/ │ └── page-date/ │ ├── report.md │ ├── report.html │ └── references/ ├── write-page/ │ └── topic-date/ │ ├── report.md │ ├── report.html │ └── references/ │ ├── current.png │ └── company-section.png └── build-page/ └── page-date/ ├── wireframe.html ├── design-system.md └── references/
The chat response should stay short: top findings, report path, and any screenshot or MCP limitations. report.html is the product experience.
Live benchmark data (optional, highly recommended)
The skills work on their own, so install them and start immediately. Connecting the hosted Web Anatomy MCP is never mandatory, but highly recommended: it grounds every recommendation in live benchmark data and real reference examples instead of static guidance, which is where the skills are at their best. It needs a beta token and one config command per IDE:
Sign in at https://www.webanatomy.ai/dashboard/mcp to get your token + per-IDE config. You must be signed in, because the page generates your personal token there.
The skills use MCP tools such as search_pages, get_page, search_sections, and get_section when connected, and degrade gracefully to static guidance when not. Scores, thresholds, raw marker coordinates, and benchmark field names stay internal; user-facing reports translate them into plain-English patterns and gap labels.
Want to see the benchmark first? Browse the public scored sections gallery at https://www.webanatomy.ai/best-landing-pages/sections — real landing-page sections, scored, with what makes each one work. It is the same library the MCP serves to your agent, so you can explore it before connecting anything.
Why "Anatomy"
Most AI-agent skill packs frame pages as a job (CRO, copywriting, SEO). Web Anatomy frames them as a structure: hero, proof, problem, solution, pricing, FAQ, CTA. Every section has known patterns, known anti-patterns, and known reference companies.
Every Web Anatomy skill turns a page into parts: hero, proof, problem, solution, pricing, FAQ, CTA. Each part has known patterns, anti-patterns, and benchmark examples. The framework and the evidence travel together.
Compatibility
- ✅ Claude Code
- ✅ OpenAI Codex
- ✅ Cursor
- ✅ Windsurf
- ✅ Any agent that reads
.agents/skills/ /SKILL.mdper the Agent Skills spec
Install options
Option 1 — CLI (any agent):
# Installs the whole pack to .agents/skills/npx skills add GabrielAmz/web-anatomy
Update later (or just re-run the command above, it's idempotent)
npx skills update GabrielAmz/web-anatomy
Option 2 — Claude Code plugin (version-aware updates):
/plugin marketplace add GabrielAmz/web-anatomy/plugin install web-anatomy
Claude Code knows the installed version and when a newer one ships. Update with /plugin marketplace update web-anatomy then /plugin update web-anatomy, or turn on auto-update for the marketplace to make it hands-off. Skills install namespaced: /web-anatomy:write-page, /web-anatomy:build-page, and so on.
Option 3 — clone and copy manually:
git clone https://github.com/GabrielAmz/web-anatomycp -r web-anatomy/skills/* .agents/skills/
After install, start with webanatomy-setup. The benchmark-backed workflows degrade gracefully when MCP isn't connected, falling back to static/reference guidance, but they are at their best with live benchmark data, so connecting MCP is highly recommended.
Repo layout
skills/ holds the skill pack, the source of truth installed by npx skills add.
Contributing
PRs welcome. See CONTRIBUTING.md for the new-skill recipe: kebab-case, YAML front matter, clear workflow names, and body under 5K tokens.
License
MIT. Use it, fork it, sell it, ship it.
Built by Gabriel Amzallag. The Web Anatomy pack is a public extraction of the patterns powering a private landing-page benchmark and audit tool. The skills give you the framework; the analyzer gives you the data.