# Habilidade do Agente de Design Visual > Gere designs visuais com qualidade de museu como arquivos PNG ou PDF, aplicando filosofias de design sofisticadas e habilidade artesanal especializada. Crie objetos de arte únicos com atenção meticulosa aos detalhes e comunicação espacial. - Canonical: https://nanoskill.ai/pt/skills/visual-design-skill - Markdown: https://nanoskill.ai/pt/skills/visual-design-skill.md - Author: anthropics - Published: 2026-06-04T05:00:00.000Z - Updated: 2026-07-17T02:56:43.668Z - Language: pt - Source type: github - Popularity signal: 139322 ## Sources - https://github.com/anthropics/skills ## Install ```shell npx skills add https://github.com/anthropics/skills/tree/main/skills/canvas-design ``` ## About A Habilidade de Design Visual Canvas capacita os usuários a gerar designs visuais únicos e de alta qualidade como arquivos PNG ou PDF, transformando conceitos abstratos em arte tangível. Ela opera primeiro desenvolvendo uma filosofia de design sofisticada, um movimento estético que dita a linguagem visual do resultado. Isso garante que cada criação não seja apenas um gráfico, mas um objeto de arte meticulosamente elaborado que se comunica através da forma, espaço, cor e composição. Esta habilidade se destaca por enfatizar o artesanato especializado e a originalidade. Cada design é tratado como uma obra-prima, parecendo ter levado incontáveis horas de cuidado meticuloso por um profissional de alto nível. O texto é integrado de forma mínima e visual, servindo como um acento em vez de um portador primário de informações, permitindo que os elementos visuais transmitam a mensagem central. O resultado é sempre limpo, preciso e adere a padrões rigorosos de execução profissional. Os usuários podem aproveitar esta habilidade para uma variedade de aplicações, desde a criação de pôsteres e peças de arte únicos até o desenvolvimento de visuais de marca sofisticados ou gráficos editoriais de alta qualidade. Ela também incorpora referências conceituais sutis, adicionando camadas de profundidade que ressoam com espectadores exigentes. Seja para uma única imagem impactante ou uma narrativa artística de várias páginas, a Habilidade de Design Visual Canvas oferece um resultado visual com qualidade de museu. ## Key features - **Filosofia de Design Sofisticada**: Desenvolve uma filosofia visual única (por exemplo, 'Alegria Brutalista', 'Silêncio Cromático') que orienta a criação artística, enfatizando forma, espaço, cor e composição. - **Habilidade Artesanal de Nível Especializado**: Garante que todos os designs visuais pareçam meticulosamente elaborados, como se fossem trabalhados por inúmeras horas por um profissional de alto nível, com foco na precisão e nos detalhes. - **Texto Mínimo, Máximo Impacto Visual**: Prioriza a expressão visual e a comunicação espacial, integrando o texto com moderação e como um elemento visual em vez de parágrafos explicativos. - **Formatos de Saída de Alta Qualidade**: Gera designs visuais finais como arquivos .png ou .pdf baixáveis, adequados para impressão ou exibição digital com qualidade de museu ou revista. - **Integração Conceitual Sutil**: Entrelaça uma referência conceitual sutil e de nicho na arte, aumentando a profundidade sem se anunciar explicitamente, semelhante a uma citação artística sofisticada. ## Use cases - **Criar Cartazes e Peças de Arte Únicos**: Projete cartazes, arte ou peças estáticas originais e visualmente impressionantes com uma estética distinta, evitando a replicação do trabalho de artistas existentes. - **Desenvolver Visuais de Marca com Toque Artístico**: Produza elementos visuais sofisticados para branding que transmitam um movimento estético específico, com foco na interpretação artística e na comunicação espacial. - **Gerar Gráficos Editoriais de Alta Qualidade**: Elabore designs de página única, altamente visuais para conteúdo editorial, onde a informação é transmitida através de uma orquestração espacial especializada e texto mínimo integrado. ## Result preview Veja pôsteres reais com diferentes temas gerados por esta Habilidade do Agente. ![the demo of visual design Agent Skill](https://file.nanoskill.ai/visual-design-demo-1.png) ![the demo of visual design Agent Skill](https://file.nanoskill.ai/visual-design-demo-2.jpg) ![the demo of visual design Agent Skill](https://file.nanoskill.ai/visual-design-demo-3.jpg) ![the demo of visual design Agent Skill](https://file.nanoskill.ai/visual-design-demo-4.png) ## Result walkthrough ### Passo 1: Instalar Adicione a habilidade ao seu agente. ![a simple demonstration of the first step in using Visual Design](https://file.nanoskill.ai/visual-design-step-1.jpg) ### Passo 2:Forneça Ideias de Design Forneça suas ideias de design descrevendo o estilo visual e a mensagem desejados. ![a simple demonstration of the second step in using Visual Design](https://file.nanoskill.ai/visual-design-step-2.jpg) ### Passo 3:Revise o Resultado Revise o design gerado e avalie sua qualidade visual e eficácia na comunicação. ![a simple demonstration of the third step in using Visual Design](https://file.nanoskill.ai/visual-design-step-3.png) ## Skill definition Estas são instruções para a criação de filosofias de design — movimentos estéticos que são então EXPRESSOS VISUALMENTE. Produza apenas ficheiros .md, .pdf e .png. Complete isto em dois passos: 1. Criação da Filosofia de Design (ficheiro .md) 2. Expressão através da criação numa tela (ficheiro .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 ### A COMPREENSÃO CRÍTICA - O que é recebido: Alguma entrada ou instruções subtis do utilizador que devem ser tidas em conta, mas usadas como base; não deve restringir a liberdade criativa. - O que é criado: Uma filosofia de design/movimento estético. - O que acontece a seguir: Depois, a mesma versão recebe a filosofia e EXPRIME-A VISUALMENTE — criando artefactos que são 90% design visual, 10% texto essencial. Considere esta abordagem: - Escreva um manifesto para um movimento artístico - A fase seguinte 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 **Dê um nome ao 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 aspeto do design deve ser mencionado uma vez. Evite repetir pontos sobre teoria da cor, relações espaciais ou princípios tipográficos, a menos que acrescente nova profundidade. - **Enfatize o trabalho artesanal REPETIDAMENTE**: A filosofia DEVE sublinhar várias vezes que o trabalho final deve parecer ter levado inúmeras horas a criar, ter sido trabalhado com cuidado e provir de alguém no topo absoluto da sua área. Este enquadramento é essencial — repita frases como "meticulosamente trabalhado", "produto de profunda especialização", "atenção minuciosa", "execução de nível mestre". - **Deixe espaço criativo**: Mantenha-se específico quanto à direção estética, mas suficientemente conciso para que o próximo Claude tenha espaço para fazer escolhas interpretativas também a um nível extremamente elevado de mestria. A filosofia deve guiar a próxima versão a exprimir ideias VISUALMENTE, não através de texto. A informação reside no design, não em parágrafos. ### EXEMPLOS DE FILOSOFIAS **"Poesia Concreta"** Filosofia: Comunicação através da forma monumental e geometria arrojada. Expressão visual: Blocos maciços de cor, tipografia escultórica (palavras únicas enormes, etiquetas minúsculas), divisões espaciais brutalistas, energia dos cartazes polacos encontra Le Corbusier. Ideias expressas através do peso visual e tensão espacial, não da 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: A cor como sistema de informação primário. Expressão visual: Precisão geométrica onde zonas de cor criam significado. Tipografia mínima — pequenas etiquetas sem serifa deixando os campos cromáticos comunicar. Pense na interação de Josef Albers encontra a visualização de dados. Informação codificada espacial e cromaticamente. Palavras apenas para ancorar o que a cor já mostra. O resultado de uma calibração cromática minuciosa. **"Meditação Analógica"** Filosofia: Contemplação visual tranquila através da textura e espaço de respiração. Expressão visual: Grão de papel, sangramentos de tinta, vasto espaço negativo. Fotografia e ilustração dominam. Tipografia sussurrada (pequena, contida, servindo o visual). Estética de fotolivro japonês. As imagens respiram pelas páginas. O texto aparece com parcimónia — frases curtas, nunca blocos explicativos. Cada composição equilibrada com o cuidado de uma prática meditativa. **"Sistemas Orgânicos"** Filosofia: Agrupamento natural e padrões de crescimento modulares. 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 uma orquestração espacial especializada. **"Silêncio Geométrico"** Filosofia: Ordem pura e contenção. Expressão visual: Precisão baseada em grelhas, fotografia arrojada ou gráficos austeros, espaço negativo dramático. Tipografia precisa mas mínima — texto essencial pequeno, grandes zonas de silêncio. Formalismo suíço encontra honestidade material brutalista. A estrutura comunica, não as palavras. Cada alinhamento, obra de inúmeros refinamentos. *Estes são exemplos condensados. A filosofia de design real deve ter 4-6 parágrafos substanciais.* ### PRINCÍPIOS ESSENCIAIS - **FILOSOFIA VISUAL**: Crie uma visão estética do mundo a ser expressa através do design - **TEXTO MÍNIMO**: Enfatize sempre que o texto é escasso, apenas o essencial, integrado como elemento visual — nunca extenso - **EXPRESSÃO ESPACIAL**: As ideias comunicam através do espaço, forma, cor, composição — não de parágrafos - **LIBERDADE ARTÍSTICA**: O próximo Claude interpreta a filosofia visualmente — forneça espaço criativo - **DESIGN PURO**: Trata-se de fazer OBJETOS DE ARTE, não documentos com decoração - **MESTRIA ARTESANAL**: Enfatize repetidamente que o trabalho final deve parecer meticulosamente trabalhado, laborado com cuidado, produto de inúmeras horas por alguém no topo da sua área **A filosofia de design deve ter 4-6 parágrafos de extensão.** 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 ficheiro .md. --- ## DEDUZINDO A REFERÊNCIA SUBTIL **PASSO CRÍTICO**: Antes de criar a tela, identifique o fio condutor conceptual subtil do pedido original. **O PRINCÍPIO ESSENCIAL**: O tópico é uma **referência subtil e de nicho embutida na própria arte** — nem sempre literal, sempre sofisticada. Alguém familiarizado com o assunto deve senti-la intuitivamente, enquanto outros simplesmente experienciam uma composição abstrata magistral. A filosofia de design fornece a linguagem estética. O tópico deduzido fornece a alma — o ADN conceptual silencioso tecido invisivelmente na forma, cor e composição. Isto é **MUITO IMPORTANTE**: A referência deve ser refinada para que melhore a profundidade do trabalho sem se anunciar. Pense como um músico de jazz a citar outra canção — só quem sabe a reconhece, mas todos apreciam a música. --- ## CRIAÇÃO DA TELA Com a filosofia e o quadro conceptual estabelecidos, exprima-os numa tela. Reserve um momento para organizar os pensamentos e clarear a mente. Use a filosofia de design criada e as instruções abaixo para elaborar uma obra-prima, incorporando todos os aspetos da filosofia com mestria artesanal. **IMPORTANTE**: Para qualquer tipo de conteúdo, mesmo que o utilizador peça algo para um filme/jogo/livro, a abordagem deve continuar a ser sofisticada. Nunca perca de vista a ideia de que isto deve ser arte, não algo caricatural ou amador. Para criar trabalho com qualidade de museu ou revista, use a filosofia de design como base. Crie uma única página, altamente visual, com design avançado, em PDF ou PNG (a menos que sejam pedidas mais páginas). Geralmente use padrões repetidos e formas perfeitas. Trate o design filosófico abstrato como se fosse uma bíblia científica, tomando emprestada a linguagem visual da observação sistemática — acumulação densa de marcas, elementos repetidos ou padrões em camadas que constroem significado através da repetição paciente e recompensam a observação prolongada. Adicione tipografia clínica escassa e marcadores de referência sistemáticos que sugiram que isto poderia ser um diagrama de uma disciplina imaginária, tratando o assunto invisível com a mesma reverência tipicamente reservada à documentação de fenómenos observáveis. Ancora a peça com frase(s) simples ou detalhes posicionados subtilmente, 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 artefacto que prova que algo efémero pode ser estudado, mapeado e compreendido através de atenção cuidadosa. Isto é verdadeira arte. **Texto como elemento contextual**: O texto é sempre mínimo e visual-first, mas deixe o contexto guiar se isso significa etiquetas sussurradas ou gestos tipográficos arrojados. Um cartaz de um local de punk pode ter tipografia maior e mais agressiva do que a identidade de um estúdio de cerâmica minimalista. Na maioria das vezes, a fonte deve ser fina. Todo o uso de fontes deve ser design-forward e priorizar a 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 da tela com margens adequadas. Verifique cuidadosamente se todo o texto, gráficos e elementos visuais têm espaço para respirar e separação clara. Isto é inegociável para uma execução profissional. **IMPORTANTE: Use fontes diferentes se escrever texto. Pesquise no diretório `./canvas-fonts`. Independentemente da abordagem, a sofisticação é inegociável.** Descarregue e use as fontes que forem necessárias para tornar isto realidade. Seja criativo, tornando a tipografia parte da própria arte — se a arte for abstrata, traga a fonte para a tela, não a componha digitalmente. Para ultrapassar limites, siga o instinto/intuição de design usando a filosofia como princípio orientador. Abrace a liberdade de design e escolha finais. Leve a estética e o design até à fronteira. **CRÍTICO**: Para alcançar qualidade feita por humanos (não gerada por IA), crie trabalho que pareça ter levado inúmeras horas. Faça parecer que alguém no topo absoluto da sua área trabalhou cada detalhe com cuidado minucioso. Garanta que a composição, espaçamento, escolhas de cor, tipografia — tudo grita mestria de nível especializado. Verifique novamente que nada se sobrepõe, a formatação é impecável, cada detalhe é perfeito. Crie algo que possa ser mostrado a pessoas para provar perícia e classificar como inegavelmente impressionante. Produza o resultado final como um único ficheiro .pdf ou .png descarregável, juntamente com a filosofia de design usada como ficheiro .md. --- ## PASSO FINAL **IMPORTANTE**: O utilizador JÁ disse "Não está suficientemente perfeito. Tem de ser imaculado, uma obra-prima de artesanato, como se estivesse prestes a ser exibida num 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 inteiramente a filosofia de design e os princípios do minimalismo. Em vez de adicionar um filtro divertido ou refazer 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 numa peça de arte?" Faça uma segunda passagem. Volte ao código e refine/pule ainda mais para tornar isto uma obra-prima filosoficamente desenhada. ## OPÇÃO DE MÚLTIPLAS PÁGINAS Para criar páginas adicionais quando solicitado, crie mais páginas criativas dentro da mesma linha da filosofia de design, mas distintamente diferentes também. Agrupe essas páginas no mesmo .pdf ou em muitos .pngs. Trate a primeira página como apenas uma página num livro de mesa de café inteiro à espera de ser preenchido. Faça as páginas seguintes serem reviravoltas únicas e memórias do original. Faça com que quase contem uma história de forma muito elegante. Exerça total liberdade criativa. ## FAQ ### Que tipo de designs visuais esta competência pode criar? Esta competência pode criar belas artes visuais em documentos .png e .pdf, incluindo cartazes, peças de arte e outros designs estáticos, orientada por uma filosofia de design única. ### Como a competência garante originalidade nos seus designs visuais? A competência é instruída a criar designs visuais originais e nunca copiar o trabalho de artistas existentes, focando-se no desenvolvimento de movimentos estéticos e interpretações únicos. ### O que é uma 'filosofia de design' neste contexto? Uma filosofia de design é um movimento estético ou visão de mundo criado pela competência, expresso através de elementos como forma, espaço, cor, composição, imagens e gráficos, orientando o resultado visual. ### Como a competência lida com texto em designs visuais? O texto é sempre mínimo e visual em primeiro lugar, integrado como um elemento visual. Pode ser rótulos discretos ou gestos tipográficos ousados, mas sempre com foco no design e contido dentro dos limites da tela. ### A competência pode criar designs visuais de várias páginas? Sim, quando solicitada, a competência pode criar páginas criativas adicionais seguindo a mesma filosofia de design, agrupando-as no mesmo .pdf ou como vários .pngs, tratando-as como variações únicas do original. ### Que nível de habilidade artesanal posso esperar dos designs visuais? A competência foi projetada para produzir trabalhos que parecem meticulosamente elaborados, como se tivessem levado inúmeras horas e fossem criados por alguém no topo absoluto de sua área, garantindo qualidade de museu ou revista.