PARA DISEÑADORES
Diseñadores
Tanto si el diseño es todo tu trabajo como si es uno de los sombreros que llevas, claude-kit le da al trabajo visual y de UX un dueño de verdad en vez de dejar que se cuele entre cambios de código.
El rol de diseñador
El diseñador aparece en los perfiles software, content y (cuando lo añades) en otros. Se encarga de cada decisión visual: el design system, la marca, las pantallas, el movimiento, la redacción de UX, la accesibilidad de la interfaz. Cuando una petición toca cómo se ve o se siente algo, el coordinador la dirige aquí.
Viene cableado con skills pensadas para diseño:
- Design systems — arquitectura de tokens, escalas tipográficas, librerías de componentes, temas claro/oscuro.
- Marca — descubrir un mark, una voz y un brand kit completo a partir de un brief.
- UI/UX — interfaces de nivel de producción con oficio real.
- Animación — GSAP para timelines, movimiento ligado al scroll e interacciones fluidas y de buen rendimiento.
No tienes que nombrar la skill — describe el trabajo y el diseñador echa mano de la adecuada.
Señala en vez de describir — anota
Lo más destacado para diseñadores: /kit-annotate. Si estás revisando una app React en ejecución, puedes hacer clic en cualquier elemento, dejar una nota justo encima ("ajusta este espaciado", "tono de azul equivocado aquí"), y Claude lee un registro estructurado — el componente, su lugar en el árbol, el archivo fuente y tu comentario — y luego corrige el código.
Es la diferencia entre escribir un párrafo describiendo qué botón y simplemente señalarlo.
Una sesión típica
"Diseña una página de ajustes — que encaje con nuestro design system, con modo oscuro incluido, y anima las transiciones entre secciones."
El diseñador recurre a la skill de design-system para tokens y componentes, a la skill de GSAP para las transiciones, y produce una pantalla coherente. ¿La revisas en vivo? Activa annotate y señala lo que necesita otra pasada.
Hazlo tuyo
- Trae tu marca. Apunta al diseñador hacia tu brand kit; con la memoria activada mantiene esas decisiones entre sesiones.
- Ajusta el equipo. Añade o recorta roles con
/kit-customize.
A dónde ir después
- Anota una UI — el bucle de señalar-y-comentar en detalle.
- Instalación — déjalo listo.
- Ajusta tu equipo — moldea los roles en torno a tu trabajo.