Cargando la bóveda…
Cargando la bóveda…
Skill open-source que mete 7 capacidades de diseño en Claude Code: prototipos clickeables, slide decks PPTX, motion design con audio, infografías print-quality, 3 versiones por pedido y crítica visual. Para diseñar sin quemar cuota explicando el formato cada vez.
Le pedís a Claude "armame un slide deck", "diseñame esta infografía", "hacé un prototipo clickeable". Cada vez:
Quemás tokens repitiendo el setup. Después del 5to deck, ya te repetiste a vos mismo 50 veces.
Una skill como Huashu Design (~14k stars, MIT, autor @AlchainHust) encapsula ese setup. Le pedís en español, ella sabe el formato. Vos solo describís contenido, no formato.
> Armame un prototipo clickeable de una app para reservar canchas:
- Pantalla 1: lista de canchas con foto
- Pantalla 2: detalle con calendario para elegir hora
- Pantalla 3: confirmación de reserva
- Pantalla 4: pago con tarjeta
Estilo: iOS nativo. Que se navegue entre pantallas con click.Output: HTML+CSS+JS funcional, mockup de iPhone con las pantallas conectadas. Lo abrís en navegador, te lo mostrás al cliente.
> Hacéme un deck de board update para Q3 con:
- Resumen ejecutivo (1 slide)
- Métricas (2 slides con charts)
- Highlights del trimestre (3 slides)
- Plan Q4 (2 slides)
- Apéndice (3 slides)
Tono profesional pero accesible. Paleta corporativa: navy + dorado.Output: archivo .pptx real. Lo abrís en PowerPoint/Keynote/Google Slides. Editable, no imagen fija.
> Hacéme un GIF de 6 segundos explicando "cómo funciona el producto":
Frame 1-2: problema (cliente frustrado con proceso manual)
Frame 3-4: solución (usa nuestra app)
Frame 5-6: resultado (cliente feliz)
Estilo: motion graphics minimalista. Sin texto, solo visual.Output: GIF + MP4. Mucho más rápido que armarlo en After Effects.
> Diseñame infografía vertical para Instagram (1080x1350):
- Título: "El proceso de cobranza B2B en 5 pasos"
- 5 secciones numeradas con iconos
- Paleta: tu brand (verde + crema)
- Output en SVG (editable) y PNG (publicable)Por cada diseño que pidas, te devuelve 3 variantes distintas. Vos elegís cuál seguir iterando.
Evita el clásico "le pedí 1 y me dio 1 mediocre, ahora tengo que iterar 4 veces". Con 3 variantes desde el inicio, partís de la mejor.
> Tengo este brief: [brief]. Antes de diseñar, asesorame:
- ¿Qué dirección visual encajaría mejor?
- ¿Qué paleta?
- ¿Qué tipografía?
- ¿Qué referencias del mercado?
Después de tu propuesta, decido y armás el diseño.La skill hace de "art director" — propone dirección antes de ejecutar.
Para diseños existentes:
> Critica este diseño en 5 dimensiones:
1. Jerarquía visual
2. Legibilidad
3. Paleta y contraste
4. Espaciado / ritmo
5. Coherencia con el brief
Por cada uno: nota 1-10 + 1-2 mejoras concretas.npx huashu-design installTe baja el SKILL.md a ~/.claude/skills/huashu-design/.
> Andá al repo de @AlchainHust/huashu-design, leé el README, e
instálame la skill siguiendo sus instrucciones.Claude se encarga.
Sin la skill: pasás 6-8 horas en Figma/Slides armando el deck.
Con la skill:
> Necesito deck para seed round. Empresa: SaaS de gestión inventario
para retailers medianos LATAM. ARR actual $180k, growth 12% MoM.
Team: 4.
Audiencia: VCs early-stage de LATAM.
Slides necesarios: cover, problema, solución, mercado, tracción,
competencia, team, ask.
Estilo: clean, no startup-bro. Pocos colores. Datos prominentes.
Output: PPTX editable.Te devuelve el deck. Vos editás los textos finales. 3 horas en lugar de 8.
> Cada lunes te voy a pedir infografía con los datos del reporte
semanal. Formato fijo:
- Vertical 1080x1350 (post LI)
- Headline + 3-4 data points + insight final
- Mi brand: [colores] + [fuente]
Hoy los datos son: [...]Pides una vez, configurás el formato. Cada lunes solo pasás los datos.
> Antes de mandar a diseño, prototipo clickeable para validar UX:
App: settings de notificaciones para SaaS
Pantallas:
1. Lista de tipos de notificación con toggle
2. Detalle de cada tipo con opciones (email/push/in-app)
3. Configuración de horarios de no-molestar
Estilo: shadcn/ui standard (lo vamos a llevar al producto real).
Que se navegue con clicks reales entre las 3.Validás con usuarios reales en 30 min lo que iba a tomar 2 días en Figma.
Como cualquier IA visual, requiere iteración. La primera versión sirve para ver dirección. Vas ajustando.
Identidad de marca completa, sistema de diseño production-grade, ilustraciones custom — para esto, diseñador humano. La skill es para producción operativa.
Si nunca le cargás tu brand (paleta, fuentes, ejemplos), te tira diseño genérico. Crealo en CLAUDE.md una vez, después referenciás.
La skill devuelve 3 por algo. Si solo mirás la primera, perdés el feature. Compará las 3 antes de elegir.
Para uso técnico desde Claude Code, Huashu gana en breadth. Para uso conversacional rápido sin tocar terminal, Claude Design es más fácil.
Muchos usan los dos según el contexto.
✅ Producís diseño operativo seguido (decks, infografías, mockups) ✅ Ya usás Claude Code y querés sumar capacidad ✅ No tenés diseñador interno ✅ Aceptás iterar para llegar al output bueno
❌ Necesitás identidad de marca completa ❌ Trabajo de diseño muy custom / artístico ❌ Compliance estricto que requiere ownership total del proceso