Diseño e interfazClaude apps and Claude Code

Anthropic / canvas-design

¿Para qué sirve la skill canvas-design?

Composición para cosas que se miran, no que se pulsan.

Lo que conviene recordar

  1. Va de composición y jerarquía, no de decoración.
  2. Formato y orden de lectura son los dos datos del briefing que más cambian el resultado.
  3. Complementa a frontend-design en vez de competir con ella.
  4. La tipografía sigue agradeciendo una pasada humana al final.

01Qué cambia en la práctica

Los gráficos generados suelen fallar en jerarquía: todo pesa lo mismo, así que nada se lee primero. Trabajar con una skill de composición obliga a decidir qué domina, que es justo la decisión que evita un ojo sin entrenar.

También sirve como herramienta de crítica. Pedirle que explique qué falla en una maquetación suele valer más que pedirle otra versión.

02Dónde decepciona

La tipografía fina, el kerning y el espaciado óptico siguen siendo débiles, y los gráficos densos con muchas etiquetas tienden a apelmazarse.

Trata el resultado como un buen borrador de composición que una persona termina, no como un archivo listo para imprenta.

Instalación y primera ejecución

  1. Instálala desde anthropics/skills con licencia Apache 2.0.
  2. Indica el formato y lo único que debe leerse primero desde el otro lado de la sala.
  3. Itera sobre la jerarquía antes que sobre el color, porque un problema de composición nunca es un problema de paleta.

Preguntas que la gente hace de verdad

¿En qué se diferencia de frontend-design?
canvas-design es para piezas visuales estáticas compuestas. frontend-design es para interfaces con las que se interactúa.
¿Puede criticar un diseño existente?
Sí, y pedir una crítica suele dar mejor dirección que pedir otra variación.
¿Sale listo para imprenta?
Normalmente no. Cuenta con ajustar tipografía y espaciado antes de imprimir.

Fuentes

  1. anthropics/skills en GitHubrepository
  2. anthropics/skills, carpeta de la skill canvas-designdocumentation

Versiones legibles por máquina de esta página