Skill open-source para Claude Code. 7 sub-skills atomizadas + 12 familias visuales RD-específicas + bloques drop-in para Polar, WhatsApp, RD$/USD y Telegram. Construido por una agencia, para agencias.
Por qué existe
Performance budget LCP <2.5s en 4G, JS <100KB. Lighthouse gate antes de cada deploy.
Mensaje pre-rellenado, sticky mobile, flotante desktop, tracking GA4/Meta. El email casi no convierte en RD.
Privacy + términos auto-inyectados. Schema.org por rubro. RNC visible. Disclaimer médico/legal cuando aplica.
Checkout drop-in, webhook a Telegram, split 50/50, contra-entrega. Pesos y dólares con preferencia persistente.
Captura screenshots reales 3 viewports, evalúa contra 25 criterios objetivos, itera fixes hasta score ≥8/10.
Úsalo con tus clientes pagos, fork, modifica, vende. Solo mantén el copyright. Sin restricciones.
Pipeline 7 fases
Cada una invocable sola. La orquestadora las encadena. No es un mega-skill monolítico.
wd-grill
6 preguntas determinísticas en español: rubro · audiencia · ticket · tono · hook · pago. Sin estas respuestas el pipeline NO arranca. Anti-AI-slop gate.
wd-brief
Avatar dominicano específico, top 3 dolores con frases reales, promesa central de 1 línea, 3 elementos de prueba verificables, oferta exacta, lista de prohibido decir.
wd-ia
8-14 secciones ordenadas por funnel (atención → interés → deseo → acción), micro-copy por CTA, jerarquía tipográfica, decisión de qué bloques drop-in usar.
wd-tokens
Paleta derivada de la familia DESIGN.md elegida, tipografía, escala spacing/radius/shadow/motion. Output tokens.css con @theme block listo. Dark mode incluido. Reduced-motion respetado.
wd-build
HTML semántico WCAG 2.1 AA, microinteracciones en CSS puro (sin GSAP), schema.org por rubro, OG meta tags dinámicos. Bloques drop-in inyectados en su sitio correcto.
wd-review
Playwright MCP captura screenshots a 375 / 768 / 1440 px. Pasa cada uno por rubric 7 dimensiones × 25 sub-criterios. Aplica fixes mínimos automáticamente. Itera hasta score ≥8/10.
wd-ship
Repo GitLab privado · Vercel deploy con custom domain · Cloudflare DNS · Polar webhook → Telegram notifier · validación HTTP 200 + SSL · reporte final con todos los URLs.
12 familias visuales
Un colmadón no se ve como Stripe. Una clínica no se ve como Linear. Cada familia trae paleta, tipografía, copy aprobado, schema.org y compliance del rubro.
E-commerce health, productos naturales. Copy emocional permitido en marca propia. Disclaimer médico obligatorio.
Cooperativas, seguros, financieros B2C. IDECOOP visible, calculadora préstamo, trust signals.
Inmobiliaria luxury caribe. Aspiracional sereno, fotografía editorial, dorado champán mate.
Médicos, dentistas, fisio. Cédula INTEC visible, agenda online, disclaimer médico.
Restaurantes, comida criolla, cafés. Imagen del plato es el sitio. Reservas + delivery zones.
Abogados, notarios. Cédula CARD visible, casos anonimizados, disclaimer abogado-cliente.
+ 6 familias en roadmap v2
5 bloques drop-in
whatsapp/
Botón + sticky-mobile + flotante. Mensaje pre-rellenado. Tracking GA4/Meta.
polar/
Botón con price display, ahorro, trust badges, tracking InitiateCheckout.
rd-price/
Pesos y dólares con preferencia persistente en localStorage.
rd-map/
Embed con dirección + "Cómo llegar" deep-link a Google Maps app.
telegram/
Vercel serverless verifica firma Standard Webhooks y notifica al Telegram.
+v2
Azul.do · Stripe · MJML email · Mailerlite · Calendly · Sanity CMS
Instalación
1. Clonar
# clonar el repo git clone https://github.com/Marte1978/willy-design.git
2. Copiar las skills al directorio Claude Code
# macOS / Linux / Windows MSYS cp -r willy-design/skills/* ~/.claude/skills/ # asegurar que designs / blocks / rubrics estén accesibles cp -r willy-design/{designs,blocks,rubrics} ~/.claude/skills/willy-design/
3. Reabrir Claude Code y usar
/willy-design hazme una landing para "Clínica Sonrisa Plus"
FAQ
huashu-design es un mega-skill monolítico con 20 filosofías de diseño abstractas. willy-design es atomizado en 7 sub-skills, optimizado para mercado RD (compliance, pago, mapas, copy en español natural), trae integración drop-in con Polar/WhatsApp, y usa rubric medible 7×25 con Playwright real en lugar de evaluación subjetiva. Y la licencia es MIT — uso comercial libre.
wd-ship hace deploy a Vercel por default, pero puedes adaptar para Netlify, GitLab Pages o tu propio VPS. El bloque telegram/polar-webhook.js está escrito para Vercel serverless functions — para otra plataforma adapta el handler.
designs/. PRs bienvenidos en GitHub para incluirla en futuras versiones.
WebFactoryRD lo usa cada semana en producción. Si te ahorra 10 horas, vale el clone.