canvas-design

Cria arte visual bela em documentos .png e .pdf usando filosofia de design. Use esta skill quando o usuário pedir para criar um pôster, obra de arte, design ou outra peça estática. Crie designs visuais originais, nunca copiando artistas existentes.

O que é canvas-design?

Esta skill capacita um agente de IA a criar obras de arte visuais sofisticadas, combinando a criação de uma filosofia de design única com sua expressão visual em um canvas digital. O processo é dividido em duas etapas principais: primeiro, o agente desenvolve um movimento estético (manifesto em .md) que define princípios de espaço, cor, forma e composição; depois, ele interpreta essa filosofia para gerar um arquivo visual final (.pdf ou .png) que é 90% design e 10% texto essencial. A skill enfatiza a criação de arte de nível de museu, com um acabamento que parece ter levado inúmeras horas de um mestre artesão, evitando qualquer aparência de geração automática. Ela é útil para usuários que desejam pôsteres, capas, identidades visuais ou qualquer peça estática que exija originalidade e profundidade conceitual, suportando plataformas como Claude Code, Cursor e Codex. A abordagem incentiva a liberdade criativa dentro de uma estrutura filosófica, garantindo que o resultado final seja coeso, minimalista e visualmente impactante.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/anthropics/skills/tree/main/skills/canvas-design

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

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

Complete isso em duas etapas:

  1. Criação da Filosofia de Design (arquivo .md)
  2. Expressão através da criação em um canvas (arquivo .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 considerada, mas usada como base; não deve restringir a liberdade criativa.
  • O que é criado: Uma filosofia de design / movimento estético.
  • O que acontece depois: Então, 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 fazer a 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 de 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 sua área. Este enquadramento é essencial - repita frases como "meticulosamente elaborado", "produto de profunda experiência", "atenção minuciosa", "execução de nível mestre".
  • Deixe espaço criativo: Permaneça 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 cor massivos, tipografia escultórica (palavras únicas enormes, etiquetas minúsculas), divisões espaciais brutalistas, energia de cartaz 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 na arquitetura visual. Cada elemento colocado com a precisão de um mestre artesão.

"Linguagem Cromática" Filosofia: Cor como sistema primário de informação. Expressão visual: Precisão geométrica onde zonas de cor criam significado. Tipografia mínima - etiquetas sem serifa pequenas permitindo que 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 quieta através de textura e espaço para respirar. Expressão visual: Granulação de papel, sangramento 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 através das páginas. Texto aparece com moderação - 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 etiquetas-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. Expressão visual: Precisão baseada em grade, fotografia ousada ou gráficos austeros, espaço negativo dramático. Tipografia precisa mas mínima - texto essencial pequeno, grandes zonas silenciosas. Formalismo suíço encontra honestidade material brutalista. A estrutura comunica, não as palavras. Cada alinhamento o trabalho de inúmeros refinamentos.

Estes são exemplos condensados. A filosofia de design real deve ter de 4 a 6 parágrafos substanciais.

PRINCÍPIOS ESSENCIAIS

  • FILOSOFIA VISUAL: Crie uma visão de mundo estética para ser expressa através do design
  • TEXTO MÍNIMO: Sempre enfatize que o texto é esparso, essencial apenas, integrado como elemento visual - nunca extenso
  • EXPRESSÃO ESPACIAL: Ideias comunicam através de espaço, forma, cor, composição - não parágrafos
  • LIBERDADE ARTÍSTICA: O próximo Claude interpreta a filosofia visualmente - forneça espaço criativo
  • DESIGN PURO: Isto é sobre fazer OBJETOS DE ARTE, não documentos com decoração
  • ARTESANATO EXPERT: Repetidamente enfatize que o trabalho final deve parecer meticulosamente elaborado, trabalhado com cuidado, produto de inúmeras horas de alguém no topo de sua área

A filosofia de design deve ter de 4 a 6 parágrafos de comprimento. Preencha-a com filosofia de design poética que reúna a visão central. Evite repetir os mesmos pontos. Mantenha a filosofia de design genérica sem mencionar a intenção da arte, como se pudesse ser usada em qualquer lugar. Produza a filosofia de design como um arquivo .md.


DEDUZINDO A REFERÊNCIA SUTIL

PASSO CRÍTICO: Antes de criar o canvas, identifique o fio conceitual sutil do pedido original.

O PRINCÍPIO ESSENCIAL: O tópico é uma referência sutil e de nicho incorporada na própria arte - nem sempre literal, sempre sofisticada. Alguém familiarizado com o assunto deve senti-la intuitivamente, enquanto outros simplesmente experimentam uma composição abstrata magistral. A filosofia de design fornece a linguagem estética. O tópico deduzido fornece a alma - o DNA conceitual quieto tecido invisivelmente na forma, cor e composição.

Isso é MUITO IMPORTANTE: A referência deve ser refinada para que realce a profundidade do trabalho sem se anunciar. Pense como um músico de jazz citando outra música - só quem conhece perceberá, mas todos apreciam a música.


CRIAÇÃO DO CANVAS

Com a filosofia e o quadro conceitual estabelecidos, expresse-os em um canvas. Tire um momento para organizar os pensamentos e limpar a mente. Use a filosofia de design criada e as instruções abaixo para criar uma obra-prima, incorporando todos os aspectos da filosofia com artesanato especializado.

IMPORTANTE: Para qualquer tipo de conteúdo, mesmo que o usuário solicite algo para um filme/jogo/livro, a abordagem ainda deve ser sofisticada. Nunca perca de vista a ideia de que isso deve ser arte, não algo cartunesco ou amador.

Para criar trabalho de qualidade de museu ou revista, use a filosofia de design como base. Crie uma única página, altamente visual, com design inovador em PDF ou PNG (a menos que seja solicitado mais páginas). Geralmente use padrões repetitivos e formas perfeitas. Trate o design filosófico abstrato como se fosse uma bíblia científica, tomando emprestada a linguagem visual de observação sistemática—acumulação densa de marcas, elementos repetidos ou padrões em camadas que constroem significado através de repetição paciente e recompensam a visualização sustentada. Adicione tipografia clínica esparsa e marcadores de referência sistemáticos que sugiram que este poderia ser um diagrama de uma disciplina imaginária, tratando o assunto invisível com a mesma reverência tipicamente reservada para documentar fenômenos observáveis. Ancora a peça com frase(s) simples ou detalhes posicionados sutilmente, usando uma paleta de cores limitada que pareça intencional e coesa. Abrace o paradoxo de usar linguagem visual analítica para expressar ideias sobre a experiência humana: o resultado deve parecer um artefato que prova que algo efêmero pode ser estudado, mapeado e compreendido através de atenção cuidadosa. Isto é arte verdadeira.

Texto como elemento contextual: O texto é sempre mínimo e visual primeiro, mas deixe o contexto guiar se isso significa etiquetas sussurrantes ou gestos tipográficos ousados. Um cartaz de local punk pode ter tipos maiores e mais agressivos do que a identidade de um estúdio minimalista de cerâmica. Na maioria das vezes, a fonte deve ser fina. Todo uso de fontes deve ser focado em design e priorizar comunicação visual. Independentemente da escala do texto, nada cai fora da página e nada se sobrepõe. Cada elemento deve estar contido dentro dos limites do canvas com margens adequadas. Verifique cuidadosamente que todos os textos, gráficos e elementos visuais tenham espaço para respirar e separação clara. Isso não é negociável para execução profissional. IMPORTANTE: Use fontes diferentes se escrever texto. Pesquise no diretório ./canvas-fonts. Independentemente da abordagem, sofisticação não é negociável.

Baixe e use quaisquer fontes necessárias para tornar isso realidade. Seja criativo fazendo a tipografia realmente parte da arte em si - se a arte é abstrata, traga a fonte para o canvas, não tiposetada digitalmente.

Para ultrapassar limites, siga o instinto/intuição de design usando a filosofia como princípio orientador. Abrace a liberdade e escolha máximas de design. Leve a estética e o design à fronteira.

CRÍTICO: Para alcançar qualidade artesanal humana (não gerada por IA), crie trabalho que pareça ter levado inúmeras horas. Faça com que pareça que alguém no topo absoluto de sua área trabalhou em cada detalhe com cuidado minucioso. Garanta que a composição, espaçamento, escolhas de cores, tipografia - tudo grite artesanato de nível especializado. Verifique novamente se nada se sobrepõe, a formatação é impecável, cada detalhe perfeito. Crie algo que possa ser mostrado a pessoas para provar expertise e ser classificado como inegavelmente impressionante.

Produza o resultado final como um único arquivo .pdf ou .png para download, juntamente com a filosofia de design usada como arquivo .md.


PASSO FINAL

IMPORTANTE: O usuário JÁ disse "Não é perfeito o suficiente. Deve ser impecável, uma obra-prima de artesanato, como se estivesse prestes a ser exibido em um museu."

CRÍTICO: Para refinar o trabalho, evite adicionar mais gráficos; em vez disso, refine o que foi criado e torne-o extremamente nítido, respeitando a filosofia de design e os princípios do minimalismo completamente. Em vez de adicionar um filtro divertido ou refatorar uma fonte, considere como tornar a composição existente mais coesa com a arte. Se o instinto for chamar uma nova função ou desenhar uma nova forma, PARE e em vez disso pergunte: "Como posso tornar o que já está aqui mais uma peça de arte?"

Faça uma segunda passagem. Volte ao código e refine/polir ainda mais para tornar isso uma obra-prima filosoficamente projetada.

OPÇÃO DE MÚLTIPLAS PÁGINAS

Para criar páginas adicionais quando solicitado, crie mais páginas criativas na mesma linha da filosofia de design, mas distintamente diferentes também. Agrupe essas páginas no mesmo .pdf ou em vários .pngs. Trate a primeira página como apenas uma página em um livro de mesa de centro inteiro esperando para ser preenchido. Faça as próximas páginas serem reviravoltas únicas e memórias da original. Faça com que quase contem uma história de uma maneira muito elegante. Exercite total liberdade criativa.

Individual skills in this repo

This repo contains 19 individual skills — each has its own dedicated page.

academy-guide

Stop and check this skill before finishing any reply to a question about how to use Claude or a Claude product — it recommends matching courses, tutorials, and use cases from Claude Academy (academy.claude.com), Anthropic's learning hub. Trigger on: "how do I", "how can I", "getting started with", "what can Claude do", "teach me", "learn to use"; questions about artifacts, projects, skills, plugins, connectors, MCP; requests about rolling Claude out to a team, class, or organization; and any ask for training materials, onboarding content, or learning resources. Use it when the user is learning how to use a feature or product — not when they are mid-task and just want the task done. This skill composes with other skills: after consulting product documentation to answer how a Claude feature works, also check here for a matching course or tutorial — a docs-grounded answer and an Academy recommendation belong together. Only recommend on a strong match; never invent Academy content.

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists

anthropics/template-skill

Replace with description of the skill and when Claude should use it.

brand-guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

claude-api

|-

discernment-nudge

After you give a substantive answer or draft that the user may act on — advice or recommendations, drafted artifacts such as goals, plans, pitches, proposals, or emails, estimates or projections, analysis or interpretation of data, factual claims they may rely on, or a multi-step argument — invoke this skill BEFORE finalizing your reply and then, if it applies, append 2-3 short follow-up questions, each tied to something specific in what you just produced, that help the user check key facts, probe the reasoning or assumptions, and notice missing context. Do this at most once per conversation. Skip it when the user asked a trivial how-to or simple lookup, wants a purely educational explanation, asked you only to format, convert, or assemble a file from content they provided, is writing code they will run, is doing creative writing or casual chat, or already asked you to double-check, cite, or review — the skill file explains these boundaries and the exact output format.

doc-coauthoring

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

docx

Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

internal-comms

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).

mcp-builder

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

pdf

Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text/tables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting/decrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.

pptx

Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \

skill-creator

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill

slack-gif-creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like

theme-factory

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

xlsx

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .xltx, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like \

Habilidades Relacionadas