Design e interfaceClaude apps and Claude Code

Anthropic / canvas-design

Para que serve a skill canvas-design?

Composição para coisas que são olhadas, não clicadas.

O que vale lembrar

  1. É sobre composição e hierarquia, não decoração.
  2. Formato e ordem de leitura são os dois dados do briefing que mais mudam o resultado.
  3. Complementa o frontend-design em vez de competir com ele.
  4. Tipografia ainda agradece uma passada humana no fim.

01O que muda na prática

Artes geradas costumam falhar em hierarquia: tudo tem o mesmo peso, então nada é lido primeiro. Trabalhar com uma skill de composição força a decisão sobre o que domina, que é exatamente a decisão que um olho destreinado evita.

Ela também serve como ferramenta de crítica. Pedir que explique o que está errado em um layout costuma valer mais que pedir outra versão.

02Onde decepciona

Tipografia fina, kerning e espaçamento óptico continuam fracos, e gráficos densos com muitos rótulos tendem a ficar apertados.

Trate o resultado como um bom rascunho de composição que uma pessoa finaliza, não como arquivo pronto para gráfica.

Instalação e primeira execução

  1. Instale a partir de anthropics/skills, sob Apache 2.0.
  2. Diga o formato e a única coisa que precisa ser lida primeiro do outro lado da sala.
  3. Itere na hierarquia antes da cor, porque problema de composição nunca é problema de paleta.

Perguntas que as pessoas realmente fazem

Qual a diferença para frontend-design?
canvas-design é para peças visuais estáticas compostas. frontend-design é para interfaces com interação.
Consegue criticar um design existente?
Sim, e pedir crítica costuma dar direção melhor que pedir outra variação.
Sai pronto para impressão?
Normalmente não. Conte com ajustar tipografia e espaçamento antes de imprimir.

Fontes

  1. anthropics/skills no GitHubrepository
  2. anthropics/skills, pasta da skill canvas-designdocumentation

Versões legíveis por máquina desta página