Rayyan · websLa quieroWebs de negociosin plantilla.
Le das a tu agente el Instagram de un negocio. Investiga su marca real, te propone 3 conceptos y arma una web que solo podría ser de ese negocio: su logo cobra vida, su carta con precios reales y pedidos o reservas por WhatsApp.
El recorrido completo.
01 Investigación
Mira todo antes de diseñar.
La skill lee el Instagram completo del negocio (bio, destacadas, posts con su caption), sigue el link de su bio hasta su WhatsApp real, desarma su carta en PDF para copiar precios exactos y vectoriza su logo. Anota cada dato con su fuente y lo que falta confirmar con el dueño.
- Saca la paleta de su material impreso, nunca de fotos de comida
- Solo hechos: nada de reseñas, cifras ni promesas inventadas
02 El concepto
Una observación, no una plantilla.
De todo lo que encontró elige el detalle más propio del negocio (algo que repiten sin darse cuenta: un gesto, una frase, una forma de su logo) y te propone 3 conceptos que cambian de mecanismo: dibujar, construir, transformar, traer, medir… Te recomienda uno y tú eliges.
- Si cambias su logo por el de la competencia y la idea sigue funcionando, se descarta
- Incluye 9 casos reales explicados: qué se aprobó, qué se rechazó y por qué
03 Su marca
Su logo, vivo.
Vectoriza su logo real y lo separa en capas por color y por fila, para que el concepto le dé vida: dos golpes cruzados que dibujan una X, un vapor que se condensa, unas manos que brindan. Su motivo se vuelve el único sistema de la web, incluidos los cortes entre secciones.
- Nunca fotos de stock ni imágenes hechas con IA
- Tipografía que hace eco de su logo o de su carta
04 Pedidos y reservas
Lo que le duele, resuelto.
Si hoy los pedidos son «¿me pasas la carta?» o las reservas se arman preguntando precio por precio, la web lo resuelve: carta completa con cantidades y opciones, reservas con el precio según su tarifa real, inscripciones a clases, y el mensaje llega armado a su WhatsApp con lo que el negocio pide.
- Nunca le escribe al negocio en las pruebas: modo de prueba incluido
- Lo que no está confirmado (delivery, mesas) no se promete
05 Oficio
Revisada como diseñador.
Cada versión se revisa sola en móvil y desktop: errores, textos cortados, botones descentrados, costados vacíos, cortes rectos y un pedido de prueba. Todo lo que se toca responde con resortes y nada aparece de golpe. Después itera con tus críticas, leídas como las leería un diseñador.
- Capturas de cada momento de la intro y de cada sección
- Entrega con SEO, datos estructurados reales y lista para Vercel, Netlify o Docker
Llévatela.
Qué incluye
- El flujo completo que sigue tu agente: investigación, observación, 3 conceptos, construcción, QA, críticas y entrega
- Guías de proceso creativo, calidad y patrones técnicos, con 9 casos reales explicados
- Scripts para leer Instagram, el link de la bio y cartas en PDF, vectorizar el logo y sacar la paleta
- QA automático en móvil y desktop con pedido de prueba, y capturas para revisar
- Plantilla técnica con pedidos y reservas por WhatsApp, y archivos para publicar
- Funciona en Claude Code y en Codex
- 01
Paga aquí mismo
Un solo pago de $14.90, sin suscripción.
- 02
Descomprímela en tu carpeta de skills
unzip ~/Downloads/web-negocio-premium.zip -d ~/.claude/skills/ - 03
Ten esto instalado
- Node 18+ y Google Chrome (o Chromium)
- Python 3 con
python3 -m pip install numpy pillow - Recomendado: potrace y poppler (logos y cartas en PDF)
Al empezar, la skill revisa tu equipo y te dice qué falta, con el comando para instalarlo.
- 04
Abre una carpeta vacía y escribe
hazme una web para @tunegocio