frontend-design o canvas-design: ¿cuál encaja con el trabajo?
frontend-design es para interfaces que se van a entregar como código, con el criterio aplicado a componentes, disposición y estados. canvas-design es para trabajo visual compuesto sobre un lienzo. Si la salida acaba en un repositorio, quieres frontend-design.
La skill frontend-design da a Claude una dirección de diseño explícita para que las interfaces generadas dejen de converger en la misma tarjeta centrada, la misma cabecera con degradado y las mismas esquinas redondeadas. Cambia el punto de partida, no tu criterio: sigues teniendo que rechazar el primer resultado cuando es aburrido.
Ideal para
Landings, paneles, prototipos y artefactos donde el aspecto forma parte del objetivo.
Sáltala si
Trabajas dentro de un sistema de diseño existente, donde los componentes ya deciden el lenguaje visual.
Cuál instalar
Elige frontend-design cuando el entregable es una página o un componente que alguien va a ejecutar, y el riesgo que gestionas es que las interfaces generadas salgan genéricas. Trabaja al nivel del código que se acaba versionando.
La skill canvas-design se centra en la composición de piezas visuales como carteles, portadas, diagramas y gráficos, donde la jerarquía y el espaciado transmiten el significado. Úsala cuando el artefacto es una imagen, y usa frontend-design cuando el artefacto tiene botones.
Ideal para
Carteles, gráficos para redes, portadas, material de eventos y cualquier imagen compuesta.
Sáltala si
Necesitas una interfaz interactiva, donde los estados importan más que la composición.
Cuál instalar
Elige canvas-design cuando el entregable es la propia imagen: una composición, un cartel, una superficie maquetada donde la disposición es el producto y no un paso hacia el producto.
Se pueden instalar juntas sin demasiada interferencia, porque una se dispara al construir una interfaz y la otra al componer un visual. La descripción a vigilar es la de cualquier tercera skill de diseño que añadas después y describa las dos cosas.