Página privada. Bórrala en Super después de refrescar la lista de páginas: si cuelga de la guía, Super la publica.
Metadatos SEO
- Decisión de URL: URL nueva sugerida:
/guias/claude-disenar-pagina-web— guía pilar nueva. No canibaliza: "Tu página web con Claude Code" = empezar con Claude Code y trucos generales; "Cómo diseñar tu web con IA sin que parezca hecha con IA" = método de dirección (el qué); esta = las herramientas que se instalan (el con qué). Las tres se enlazan entre sí. - Meta título recomendado (59 c.):
Claude para diseñar webs: 3 cosas que instalarle (Guía 2026) - Alternativa keyword:
Skills de diseño para Claude Code: Impeccable, Taste y Figma - Alternativa beneficio:
Que Claude te diseñe una web profesional: guía 2026 | IAEmpresa - Meta descripción (152 c.):
Las skills y conexiones que hacen que Claude diseñe webs de agencia: Emil Kowalski, Impeccable, Taste, Figma y Playwright. Comandos listos para copiar. - H1: Claude puede diseñarte una web profesional: las 3 cosas que tienes que instalarle (guía 2026)
- Lead magnet: reel "Claude puede diseñarte una página web profesional" · palabra clave CLAUDE en ManyChat. La sección "¿Vienes del vídeo?" está arriba del todo para quien llega desde el DM.
Enlaces internos sugeridos
Texto ancla | Destino | Dónde ponerlo |
las herramientas que hay que instalarle a Claude | esta guía | En "Cómo diseñar tu web con IA…", final del paso 2 |
Claude puede diseñarte una web profesional | esta guía | En "Tu página web con Claude Code", Hack 3 (Conéctalo a tus herramientas) |
skills de diseño para Claude Code | esta guía | En "7 IAs para crear tu web o tu app", en la ficha de Claude |
El mercado de los Skills | El mercado de los Skills | Ya está en la FAQ "¿Qué es una skill?" |
Capturas sugeridas
- Terminal con
/impeccable critiquey su lista de problemas (sección Impeccable). - Antes/después de una cabecera: genérica vs. con Taste (sección Taste).
- Panel
/pluginde Claude Code con Figma y Playwright instalados (sección Lo 3). - Claude usando Playwright en vista móvil (sección Playwright).
- Un fotograma del reel en la sección "¿Vienes del vídeo?".
Recomendaciones de publicación
- Portada: dos opciones en el vault, carpeta
_imagenes-guia-claude-disenar-web/. Arrastrar la elegida arriba del todo, antes de la primera frase. - ManyChat: que el DM de la palabra clave CLAUDE lleve a esta guía.
- Revisar cada 2 meses: comandos de instalación (los repos cambian rápido), límite de Figma Starter (20/mes), precio de Claude Pro (20 $/mes).
- Verificado el 9-oct-2026: comandos en los README de cada repo y en la documentación de Figma y de Claude Code; Figma Starter 20 usos/mes; Claude Code no incluido en Free (claude.com/pricing); figma, playwright y frontend-design están en
claude-plugins-official. - Caso práctico Fisio Norte: ilustrativo, marcado como tal en la guía.
- Afiliados: solo Higgsfield (una mención). El resto, enlace a web oficial o repositorio.