⚡ El movimiento completo: una Skill + un MCP en un build real

Lo que te llevarás: un resultado tangiblemente mejor, hecho por Claude usando herramientas — la sensación de hacer vs. describir.

Infografía: Skill + MCP en un build real — Una Skill pule el diseño + un MCP guarda el resultado → web funcional y profesional.

Hora de sentirlo. Vuelve a la web o landing que construiste en la Etapa 3 o 4 — la de verdad. Vamos a hacerla visiblemente mejor y guardarla a salvo, usando una Skill y un MCP juntos en un solo flujo.

El de principio a fin que vas a ejecutar

🪄 Una design Skill hace una pasada de pulido real — mejor escala tipográfica, espaciado, una paleta cohesiva — con un método probado, no a ojo.

🔌 El GitHub MCP coge ese proyecto mejorado y lo guarda en un repo real que es tuyo, con backup y compartible.

Es el bucle de builder subido de nivel: un especialista hizo el trabajo, una herramienta real guardó el resultado, y tú solo dirigiste. Ninguna de las dos cosas a mano.

Atento a esto

Pide un antes/después para ver de verdad que la Skill se ganó el sueldo.
Si GitHub te pide iniciar sesión, ese es el login único — un clic y pasas.
Fíjate en lo poco que tecleaste para lo mucho que pasó. Ese ratio es el sentido de toda la fase.

Cómo activarlo

🖥️ App de escritorio: añade la design Skill desde + → Skills, y conecta GitHub desde + → Connectors, firmando una vez. Con ambos activos, lanza los dos prompts de abajo — sin comandos.

⌨️ CLI (terminal): instala la Skill con el sufijo del marketplace — /plugin install frontend-design@claude-plugins-official → /reload-plugins. Instala GitHub igual (/plugin install github@claude-plugins-official → /reload-plugins), conéctalo con /mcp (firma una vez), y lanza los prompts.

📋 Prompts (traducidos)

1 · Pulir el diseño con la Skill

Usa la design skill para que mi sitio actual se vea premium: jerarquía tipográfica más apretada, más espacio en blanco, una paleta cohesiva de 5 colores. Muéstrame un antes/después claro.

2 · Guardar en GitHub con el MCP

Ahora usa el GitHub MCP para crear un repo privado nuevo para este proyecto, haz commit de todo, y súbelo (push). Dame el enlace del repo y confirma que está guardado.

Fuente: Claude Code Club · Aula · Etapa 5 «Skills & MCPs» — lección «El movimiento completo: una Skill + un MCP en un build real».
Añadido al cuaderno: 7 de julio de 2026. Traducción al español para estudio personal.