Todos los recursos

Guía: Diseña Webs Profesionales con Claude Code

Copia diseños reales con Refero y replícalos con un prompt — sin ser diseñador

¿Qué vas a recibir?

El método para que tus landing pages dejen de verse genéricas y tengan criterio de diseño real. Usas Refero como banco de referencias de productos que ya están en el mercado, traduces ese diseño a un brief que la IA entiende a la primera y lo replicas e iteras desde Claude Code. Incluye el paso a paso completo, la plantilla de referencia.md lista para copiar, prompts de ajuste que funcionan y el modo avanzado con el MCP y la Skill de Refero. Sin escribir CSS a mano.

Lo que incluye
  • Encuentra diseños profesionales reales en Refero y filtra por tipo de página
  • Lee el blueprint de cada diseño: layout, patrones, tipografías y paleta exacta
  • Plantilla de referencia.md + el prompt exacto para que Claude Code lo replique
  • Nivel pro: conecta el MCP y la Skill de Refero para que Claude investigue solo
¿Prefieres que lo veamos juntos?

Conversemos
30 minutos.

Si después de la guía quieres que miremos tu operación en concreto, agendemos una reunión corta. Te decimos, sin humo, qué automatizarías primero.

Agendar reunión · 30 min →
Gratis · Sin compromiso · 100% online