Pular para o conteúdo
Skillpedia
Imagens e ícones77 mil · #852

canvas-design

Faz seu agente criar artes visuais originais em .png e .pdf. Use quando o usuário pedir para criar um pôster, arte ou design estático.

O que ela faz

Esta ferramenta cria um conceito de arte visual, chamado 'filosofia de design', e depois usa esse conceito para criar uma imagem ou um documento. Ela foca em como usar formas, cores e espaço para comunicar ideias, com pouquíssimo texto.

Quando usar

  • ✓Quando você quer criar um pôster com um estilo artístico único.
  • ✓Para gerar uma imagem abstrata baseada em uma ideia.
  • ✓Ao precisar de um design original para um projeto.

Exemplo do que pedir para a IA

“Crie uma arte visual inspirada em 'Silêncio Cromático', focando em como cores se comunicam e usando formas geométricas precisas com texto mínimo.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/ComposioHQ/awesome-claude-skills/blob/master/canvas-design/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/ComposioHQ/awesome-claude-skills/blob/master/canvas-design/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

Primeiro, ela define uma 'filosofia de design' explicando como usar elementos visuais como cor e forma. Depois, usa essa filosofia para desenhar uma imagem ou documento, priorizando a comunicação visual sobre o texto.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add ComposioHQ/awesome-claude-skills --skill canvas-design

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/ComposioHQ/awesome-claude-skills/master/canvas-design/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Estas são instruções para criar filosofias de design - movimentos estéticos que são então EXPRESSOS VISUALMENTE. Produza apenas arquivos .md, .pdf e .png.

Complete isto em duas etapas:

  1. Criação da Filosofia de Design (.md)
  2. Expressar criando-a em uma tela (.pdf ou .png)

Primeiro, realize esta tarefa:

CRIAÇÃO DA FILOSOFIA DE DESIGN

Para começar, crie uma FILOSOFIA VISUAL (não layouts ou modelos) que será interpretada através de:

  • Forma, espaço, cor, composição
  • Imagens, gráficos, formas, padrões
  • Texto mínimo como acento visual

O ENTENDIMENTO CRÍTICO

  • O que é recebido: Alguma entrada ou instrução sutil do usuário que deve ser levada em consideração, mas usada como base; não deve restringir a liberdade criativa.
  • O que é criado: Uma filosofia de design/movimento estético.
  • O que acontece a seguir: Em seguida, a mesma versão recebe a filosofia e a EXPRESSA VISUALMENTE - criando artefatos que são 90% design visual, 10% texto essencial.

Considere esta abordagem:

  • Escreva um manifesto para um movimento artístico
  • A próxima fase envolve a criação da obra de arte

A filosofia deve enfatizar: Expressão visual. Comunicação espacial. Interpretação artística. Palavras mínimas.

COMO GERAR UMA FILOSOFIA VISUAL

Nomeie o movimento (1-2 palavras): "Alegria Brutalista" / "Silêncio Cromático" / "Sonhos Metabolistas"

Articule a filosofia (4-6 parágrafos - concisos, mas completos):

Para capturar a essência VISUAL, expresse como a filosofia se manifesta através de:

  • Espaço e forma
  • Cor e material
  • Escala e ritmo
  • Composição e equilíbrio
  • Hierarquia visual

DIRETRIZES CRÍTICAS:

  • Evite redundância: Cada aspecto do design deve ser mencionado uma vez. Evite repetir pontos sobre teoria das cores, relações espaciais ou princípios tipográficos, a menos que adicione nova profundidade.
  • Enfatize o artesanato REPETIDAMENTE: A filosofia DEVE enfatizar várias vezes que o trabalho final deve parecer como se tivesse levado inúmeras horas para ser criado, foi trabalhado com cuidado e vem de alguém no topo absoluto de seu campo. Essa estrutura é essencial - repita frases como "meticulosamente elaborado", "o produto de profundo conhecimento", "atenção minuciosa", "execução de nível mestre".
  • Deixe espaço criativo: Seja específico sobre a direção estética, mas conciso o suficiente para que o próximo Claude tenha espaço para fazer escolhas interpretativas também em um nível extremamente alto de artesanato.

A filosofia deve guiar a próxima versão a expressar ideias VISUALMENTE, não através de texto. A informação vive no design, não em parágrafos.

EXEMPLOS DE FILOSOFIA

"Poesia Concreta" Filosofia: Comunicação através de forma monumental e geometria ousada. Expressão visual: Blocos de cores massivos, tipografia escultural (palavras únicas enormes, rótulos minúsculos), divisões espaciais brutalistas, energia do pôster polonês encontra Le Corbusier. Ideias expressas através de peso visual e tensão espacial, não explicação. Texto como gesto raro e poderoso - nunca parágrafos, apenas palavras essenciais integradas à arquitetura visual. Cada elemento colocado com a precisão de um mestre artesão.

"Linguagem Cromática" Filosofia: Cor como o principal sistema de informação. Expressão visual: Precisão geométrica onde zonas de cor criam significado. Tipografia mínima - pequenos rótulos sans-serif permitindo que os campos cromáticos comuniquem. Pense na interação de Josef Albers encontra visualização de dados. Informação codificada espacial e cromaticamente. Palavras apenas para ancorar o que a cor já mostra. O resultado de calibração cromática minuciosa.

"Meditação Analógica" Filosofia: Contemplação visual silenciosa através de textura e espaço para respirar. Expressão visual: Granulação de papel, borrões de tinta, vasto espaço negativo. Fotografia e ilustração dominam. Tipografia sussurrada (pequena, contida, servindo ao visual). Estética de fotolivro japonês. Imagens respiram nas páginas. Texto aparece esporadicamente - frases curtas, nunca blocos explicativos. Cada composição equilibrada com o cuidado de uma prática de meditação.

"Sistemas Orgânicos" Filosofia: Agrupamento natural e padrões de crescimento modular. Expressão visual: Formas arredondadas, arranjos orgânicos, cor da natureza através da arquitetura. Informação mostrada através de diagramas visuais, relações espaciais, iconografia. Texto apenas para rótulos chave flutuando no espaço. A composição conta a história através de orquestração espacial especializada.

"Silêncio Geométrico" Filosofia: Ordem pura e contenção.

…

Perguntas frequentes

O que é uma 'filosofia de design'?

É um conjunto de regras e ideias sobre como usar elementos visuais (cores, formas, espaço) para criar uma obra de arte ou design com um estilo específico.

Por que tem tão pouco texto?

O foco é que a arte fale por si só através do design visual. O texto é usado apenas como um detalhe visual, não para explicar a arte.

Posso pedir para copiar um artista famoso?

Não, a ferramenta cria designs originais para evitar problemas de direitos autorais.

Detalhes

Descrição original do autor

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

repo: ComposioHQ/awesome-claude-skills

Popularidade

Estrelas no GitHub
77 mil
Posição no ranking
#852
Licença
—
Atualizada em
18/09/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas