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
Mensagem pronta para colar
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-designOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/ComposioHQ/awesome-claude-skills/master/canvas-design/SKILL.md -o SKILL.mdConteú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:
- Criação da Filosofia de Design (.md)
- 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.
Popularidade
- Estrelas no GitHub
- 77 mil
- Posição no ranking
- #852
- Licença
- —
- Atualizada em
- 18/09/2026
Comentários
- …
Mais skills deste repositório
artifacts-builder
Ajuda seu agente a construir interfaces de usuário complexas. Ele usa tecnologias modernas para criar páginas web interativas e ricas.
ComposioHQ/awesome-claude-skills
brand-guidelines
Ajuda seu agente a aplicar cores e fontes oficiais da marca em materiais. É útil para manter a identidade visual em qualquer peça que precise ter a cara da empresa.
ComposioHQ/awesome-claude-skills
changelog-generator
Ajuda seu agente a criar notas de lançamento para usuários a partir de códigos de programação. Transforma informações técnicas em textos fáceis de entender.
ComposioHQ/awesome-claude-skills
competitive-ads-extractor
Faz seu agente extrair e analisar anúncios de concorrentes em bibliotecas de anúncios. Ajuda a entender o que funciona e a melhorar suas próprias campanhas.
ComposioHQ/awesome-claude-skills
Skills parecidas
ios-icon-gen
Faz seu agente gerar ícones para aplicativos iOS. Ele usa símbolos da Apple ou ícones de outras fontes para criar os arquivos corretos.
affaan-m/ECC
algorithmic-art
Ajuda seu agente a criar arte usando código, gerando imagens únicas. É útil quando você quer arte original feita por computador.
anthropics/skills
canvas-design
Ajuda seu agente a criar artes visuais bonitas em arquivos. É útil quando você pede um pôster, uma arte ou qualquer design estático.
anthropics/skills