impeccable
The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.
Skill · Guía de trabajo
CodeCrafted Design
What it does
Guide user-led frontend design decisions from project brief through implementation review.
- Connects Se ejecuta en la nube
- Account or key Sign in to the service when you connect (OAuth)
- Category Diseño, imágenes y audio
Úsalo junto con
Skills que enseñan a la IA este tipo de trabajo; funcionan junto a este
diagram-design
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
Skill · Guía de trabajo
frontend-slides
Create beautiful slides on the web using a coding agent's frontend skills
Skill · Guía de trabajo
Por qué está en este puesto
Está en la pestaña “Apps que se conectan a la IA”, que se ordena sin estrellas, en este orden
| 1. En el directorio de conectores de Claude | No | |
|---|---|---|
| 2. Probado por nuestro equipo | No | |
| 3. Útil para usuarios de Tailandia | No | |
| 4. Uso sin estrellas | 11/100 | Popularidad 0 · Actualidad 3 · Sigue respondiendo 8 |
| 5. Registrado el | 2026-07-18 |
Calidad: Pasó 4/4 revisiones básicas (se muestra, no ordena)
Instalación
Elige la app de IA que usas y copia la configuración.
Pasó 4/4 revisiones · Lo que preguntas pasa por el servidor del autor (design.codecrafted.co.uk) · ✓ Comandos revisados el 13 nov 2026
Primero: ¿qué IA usas?
Elige tu app y los pasos aparecen abajo.
Funciona con Claude · unos 2 min
Sin clave y sin instalar nada · Configúralo una vez en claude.ai o en la app de escritorio y úsalo en el chat · las cuentas gratis pueden añadir 1 · en Team/Enterprise lo añade un Owner
Abre la página Connectors de Claude
CustomizeConnectors
Pulsa “Add” → “Custom” → “Web” y completa estos 2 campos
Copia cada valor al campo con el mismo nombre en Claude y pulsa Continue
Name · NombreCodeCrafted DesignRemote MCP server URL · Direcciónhttps://design.codecrafted.co.uk/mcpPulsa Continue en la pantalla de inicio de sesión que detectó Claude · en Authentication elige lo que indique el autor (Sign in now, Sign in when needed o No sign in) y pulsa Add
Actívalo en un chat
+ConnectorsCodeCrafted Design
Pruébalo
Usa CodeCrafted Design y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude dice que está usando CodeCrafted Design o muestra una herramienta de CodeCrafted Design en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con ChatGPT según tu plan
MCP completo: ChatGPT Business, Enterprise o Edu en la web · Pro: conecta con permisos de lectura/obtención, así que las herramientas que cambian datos pueden no funcionar · Plus: no confirmado en la documentación; si ves una opción para añadir MCP propio en la página de plugins puedes probar · solo web
Abre la página para añadir MCP en ChatGPT web
Plugins+Add custom MCP server
Escribe el nombre y la dirección
Pon un nombre, pega la dirección en Connection, marca el aviso de riesgo y pulsa Create as a plugin
Name · NombreCodeCrafted DesignConnection · Direcciónhttps://design.codecrafted.co.uk/mcpElige CodeCrafted Design en un chat
Abre un chat nuevo y elige CodeCrafted Design en tus plugins antes de escribir
Pruébalo
Usa CodeCrafted Design y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si ChatGPT dice que está usando CodeCrafted Design o muestra una herramienta de CodeCrafted Design en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de OpenAI el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con Claude Code · unos 2 min
Sin clave y sin instalar nada
Abre la Terminal
Mac: pulsa Command+Espacio y escribe Terminal · Windows: abre PowerShell
Pega este comando y pulsa Enter
claude mcp add --transport http --scope user design https://design.codecrafted.co.uk/mcpEscribe /mcp en Claude Code
Deberías ver CodeCrafted Design en la lista como conectado
Pruébalo
Usa CodeCrafted Design y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude Code dice que está usando CodeCrafted Design o muestra una herramienta de CodeCrafted Design en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con Cursor · unos 2 min
Sin clave y sin instalar nada
Abre el chat de IA de Cursor en modo Agent
Pruébalo
Usa CodeCrafted Design y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Cursor dice que está usando CodeCrafted Design o muestra una herramienta de CodeCrafted Design en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Cursor el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con VS Code · unos 2 min
Sin clave y sin instalar nada
Abre el chat de IA de VS Code en modo Agent
Pruébalo
Usa CodeCrafted Design y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si VS Code dice que está usando CodeCrafted Design o muestra una herramienta de CodeCrafted Design en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de VS Code el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Otras apps que usan MCP, como Windsurf, Zed o Gemini CLI, añaden servidores de forma distinta. Míralo en la lista de apps
Ver todas las apps que usan MCP →
Dirección para apps que se conectan por la web
Dirección
https://design.codecrafted.co.uk/mcpLa configuración JSON está en “Para desarrolladores”, abajo
Para desarrolladores: comandos de Terminal y configuración JSON
Por la web
Claude Code
claude mcp add --transport http --scope user design https://design.codecrafted.co.uk/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"design": {
"url": "https://design.codecrafted.co.uk/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"design": {
"type": "http",
"url": "https://design.codecrafted.co.uk/mcp"
}
}
}Esta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.
De un vistazo
- Descargas por semanai
- No está en npm/PyPI
- Dominio verificado
- ✓ codecrafted.co.uk
- Conexión
- Se ejecuta en la nube
- Transporte
- streamable-http
- Última versióni
- 2.4.0
- Categoríai
- Diseño, imágenes y audio
- Publicado en el registroi
- 18 jul 2026
- Último cambio de códigoi
- 18 jul 2026
- Creador
- codecrafted-uk
- Sitio web
- design.codecrafted.co.uk
- Estado en el registro
- Activo
Qué apps pueden usarlo
Según cómo se conecta este servidor y la documentación de cada app, comprobado el 10 nov 2026.
Se conectan por internet en
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
Qué puede hacer
El servidor pide iniciar sesión antes de mostrar sus herramientas.
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 16 nov 2026
- ✓ Superada
El creador coincide con el repo
El nombre en el registro se verificó con el dominio codecrafted.co.uk (el registro comprueba quién es dueño del dominio)
- ✓ Superada
Sigue en mantenimiento
Último cambio de código: hace 4 meses
- – No aplica
Tiene licencia
No aplica: servidor en la nube del propio dueño de codecrafted.co.uk; no ejecutas código del repo
- ✓ Superada
El endpoint responde
Respondió en 270 ms (HTTP 401)
- ✓ Superada
Inicio de sesión con OAuth
Declara inicio de sesión con OAuth, así que tu app de IA puede llevarte a iniciar sesión
- … 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
Creadores: pedir otra revisión o avisar de un dato erróneo
Conversación
Pregunta, comparte un consejo o avisa de que no funciona. Ordenado por lo que la gente marcó como útil.
Aún no hay publicaciones. Sé la primera persona en preguntar o compartir.
Lo publicado aquí lo escriben usuarios, no el equipo de PopNx.
Reseñas de usuarios
Aún no hay reseñas
Comparado con otros en Diseño, imágenes y audioi
- Más estrellas que el 0% de los otros 3112 servidores de esta categoría
- Publicado en el registro más recientemente que el 14% de los otros 3112 servidores de esta categoría
- Revisiones básicas iguales o mejores que el 100% de los otros 3112 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 CodeCrafted Design?
Superó 4 de 4 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?
El registro no indica ninguna clave obligatoria, aunque algunos servidores te piden iniciar sesión la primera vez que los usas.
¿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 hace 4 meses, y la última versión (2.4.0) llegó al registro hace 4 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 sirve en apps que aceptan MCP remoto, como ChatGPT en la web (MCP completo en Business y superiores; Pro solo lectura).
¿Qué puedo usar en su lugar?
En la misma categoría: Pascal 3D Editor, Figma MCP Server, Remocn: Remotion MCP server, Harness, ChatCut
Alternativas parecidas
Misma categoría, otros creadores, comandos ya revisados. Primero los oficiales, luego por estrellas.
Cómo leer una tarjeta:↓ Descargas por semanai★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi
Pascal 3D Editor
Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.
Computadora o nube✓ del servicio · pascal.app
Figma MCP Server
The Figma MCP server brings Figma design context directly into your AI workflow.
Se ejecuta en la nube✓ del servicio · mcp.figma.com
Remocn: Remotion MCP server
Hosted MCP for Remotion videos: search Remocn components, read docs, plan a video, preview it.
Se ejecuta en la nube✓ del servicio · remocn.dev
Harness
Start Claude Code and Codex agents the person can watch, wait for them and read their answers.
Se ejecuta en tu computadora✓ harness.autonomous.ai
ChatCut
AI video editor for agents: cut footage, add captions and motion graphics, export editable edits.
Se ejecuta en la nube✓ del servicio · chatcut.io
- Pascal 3D Editor — En la nube o instalado en tu equipo · Sin clave
- Figma MCP Server — Funciona en la nube, sin instalar nada · Sin clave · En el directorio de Claude
- Remocn: Remotion MCP server — Funciona en la nube, sin instalar nada · Sin clave
- Harness — Se instala en tu equipo · Sin clave
- ChatCut — Funciona en la nube, sin instalar nada · Sin clave
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.
CodeCrafted Design MCP
CodeCrafted Design 2.4 gives AI coding agents a persistent, user-led process for planning, building and reviewing websites and product interfaces.
MCP Registry name: uk.co.codecrafted/design
- Website: https://design.codecrafted.co.uk
- Setup: https://design.codecrafted.co.uk/docs
- MCP endpoint:
https://design.codecrafted.co.uk/mcp - Free account: https://design.codecrafted.co.uk/register
Connect your agent
Claude Code
claude mcp add --transport http --scope user codecrafted-design https://design.codecrafted.co.uk/mcpclaude mcp login codecrafted-design
Codex
codex mcp add codecrafted-design --url https://design.codecrafted.co.uk/mcpcodex mcp login codecrafted-design
OpenCode
Add clients/opencode.json to your OpenCode configuration, then run:
opencode mcp auth codecrafted-designOther MCP clients
Cursor, VS Code, Zed, Gemini CLI and other clients supporting remote or Streamable HTTP MCP servers can use the same endpoint. OAuth-capable clients discover sign-in automatically. For CI or a client without OAuth, use an API key as a Bearer token; see clients/generic-mcp.json.
Ready-made configuration files are in clients/.
Optional agent skill
The codecrafted-design skill gives compatible agents the recommended brief, direction, build and review workflow. The MCP service works without it.
Install the extracted folder in a location supported by your agent:
.agents/skills/codecrafted-design/ portable project location.claude/skills/codecrafted-design/ Claude-compatible project location .opencode/skills/codecrafted-design/ OpenCode project location ~/.codex/skills/codecrafted-design/ Codex personal location
Download: https://design.codecrafted.co.uk/downloads/codecrafted-design-skill.zip
What the service provides
- persistent project briefs, route blueprints and compact continuation state;
- non-mutating design-direction exploration with explicit approval, adjustment and undo;
- composable site and product structures, visual foundations and semantic colour roles;
- invariant component contracts plus user-selected layout, presentation and interaction variants;
- portable design tokens; and
- an evidence-based implementation review and correction loop.
The exact 30-tool public surface is generated from the synchronized protocol inventory in TOOLS.md.
MCP Registry publication
This repository is the publication source for the hosted remote server. Platform releases must synchronize the protocol inventory, release manifest and skill before a Registry version is published:
npm run sync -- ..\design-platformnpm run check
Publication is gated by the matching version tag, official Registry validation, a live endpoint version/tool check and domain ownership of codecrafted.co.uk. See REGISTRY.md for the complete first-publication and automated-release process.
Repository boundary
This repository contains public Registry metadata, synchronized protocol contracts, client configuration, tool documentation and the installable agent skill. It does not contain the proprietary hosted server, design catalogue, customer data, deployment configuration or operational secrets.
See NOTICE.md and SECURITY.md. CodeCrafted Design is operated by CodeCrafted Ltd, company number 17265819.