391 habilidades
🎨

canvas-design

Baixo Risco 71

Crie Arte Visual com Canvas

por ZhanlinCui

Gere arte visual profissional em formatos PNG e PDF usando princípios de filosofia de design. Cria obras de arte originais com artesanato especializado, evitando problemas de direitos autorais.

Claude Codex Code(CC)
Instalar
🎨

brand-guidelines

Seguro 71

Aplicar cores e tipografia da marca Anthropic

por ZhanlinCui

Mantenha uma identidade visual consistente em todo o conteúdo gerado por IA. Esta habilidade aplica automaticamente as cores e tipografia oficiais da marca Anthropic.

Claude Codex Code(CC)
Instalar
🎨

algorithmic-art

Seguro 62

Gerar Arte Algorítmica com p5.js

por ZhanlinCui

Crie arte generativa única usando p5.js com aleatoriedade seedada para resultados reproduzíveis. Construa arte interativa que os usuários podem explorar através de controles de parâmetros e navegação por seeds.

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 73

Crie interfaces frontend criativas com escolhas ousadas

por YYH211

Código frontend gerado por IA genérica frequentemente parece genérico e pouco impressionante. Esta habilidade orienta a criação de interfaces web únicas, de qualidade de produção, com escolhas de design ousadas e atenção cuidadosa aos detalhes visuais.

Claude Codex Code(CC)
Instalar
📦

ui-design

Seguro 70

Simplificar Alterações de Estilo de UI com Fluxos de Trabalho Estruturados

por yunshu0909

Modificações de UI frequentemente falham devido a expectativas desalinhadas entre usuários e IA. Esta skill fornece um fluxo de trabalho de cinco etapas que usa capturas de tela e diagramas ASCII para garantir que alterações visuais correspondam à intenção do usuário antes de qualquer código ser escrito.

Claude Codex Code(CC)
Instalar
📦

image-assistant

Baixo Risco 67

Gerar prompts de infográfico a partir do seu conteúdo

por yunshu0909

Transforme artigos extensos em prompts de infográfico 16:9 prontos para visualização e com texto mínimo. Siga um fluxo de trabalho comprovado de 5 estágios que garante estilo consistente e mensagem clara sem sobrecarregar os espectadores.

Claude Codex Code(CC)
Instalar
📐

design-exploration

Seguro 70

Fluxo de Trabalho de Exploração de Design

por yunshu0909

Transforme ideias vagas de funcionalidades em documentos de design implementáveis através de exploração estruturada. Esta skill orienta usuários de conceitos nebulosos até especificações concretas de design usando fluxos de trabalho comprovados para convergência de requisitos, pesquisa técnica e documentação abrangente de UI.

Claude Codex Code(CC)
Instalar
🎨

animation-shader

Seguro 70

Criar Shaders Estilo Animação para Jogos Unity

por Yuki001

Criar shaders toon estilizados para Unity requer compreensão de parâmetros complexos de shader e mapeamento de recursos. Esta skill fornece estilos predefinidos e referências detalhadas para seis bibliotecas populares de shaders, ajudando você a implementar efeitos de anime, cel-shading e renderização artística.

Claude Codex Code(CC)
Instalar
🎨

obsidian-theme-designer

Baixo Risco 72

Projete Seu Tema do Obsidian Visualmente

por XiangyuSu611

Projetar um tema do Obsidian geralmente exige conhecimento de CSS e tentativa e erro. Esta skill oferece um fluxo de trabalho visual e guiado com pré-visualizações no navegador, para que qualquer usuário possa criar um tema personalizado com as cores, fontes e layout adequados.

Claude Codex Code(CC)
Instalar
🎨

ux-evaluator

Seguro 69

Evaluate UI components against UX best practices

por 92Bilal26

UI reviews often devolve into subjective opinion battles. This skill provides a systematic 3-dimension framework to ground design feedback in evidence-based principles from industry authorities.

Claude Codex Code(CC)
Instalar
🎨

image-generator

Seguro 68

Gerar Diagramas Educacionais com Gemini

por 92Bilal26

Criar diagramas profissionais para aulas leva horas de trabalho de design. Esta skill oferece um fluxo de trabalho estruturado para gerar visuais de ensino usando Gemini 3 com automação de navegador e controle de qualidade de 6 portões.

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 68

Criar interfaces frontend distintivas

por 92Bilal26

A construção de interfaces web frequentemente resulta em designs genéricos e previsíveis. Esta habilidade orienta assistentes de IA a criar código frontend robusto e pronto para produção, com estética diferenciada, tipografia criativa e animações polidas que se destacam dos padrões convencionais.

Claude Codex Code(CC)
Instalar
🎨

theme-factory

Seguro 67

Aplicar temas profissionais a apresentações e documentos

por 7Spade

Criar designs visuais consistentes e profissionais leva tempo e expertise em design. Esta habilidade oferece 10 temas de cores e fontes curados que podem ser aplicados instantaneamente a slides, documentos, relatórios e páginas web. Temas personalizados também podem ser gerados com base nos seus requisitos.

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 68

Projetar interfaces de frontend distintas e prontas para produção

por 7Spade

Código de frontend genérico gerado por IA часто parece igual e carece de caráter criativo. Esta skill orienta a criação de interfaces únicas e memoráveis com escolhas estéticas ousadas, tipografia adequada, temas de cores coesos e detalhes visuais refinados.

Claude Codex Code(CC)
Instalar
🎨

canvas-design

Seguro 68

Criar Obras-Primas de Arte Visual e Design

por 7Spade

Os utilizadores têm dificuldade em criar designs visuais originais de qualidade museológica que requerem conhecimentos profundos de design e experiência em tipografia. Esta skill gera arte visual sofisticada utilizando fontes curadas e princípios de filosofia de design, produzindo outputs originais em PNG e PDF.

Claude Codex Code(CC)
Instalar
🎨

brand-guidelines

Seguro 67

Aplicar Estilo de Marca Anthropic

por 7Spade

Você precisa de estilo de marca consistente para seus documentos e apresentações. Esta habilidade fornece as cores oficiais da marca Anthropic e diretrizes de tipografia para aplicar identidade visual profissional.

Claude Codex Code(CC)
Instalar
📸

snapdom

Seguro 70

Converter Elementos HTML em Imagens

por 2025Emma

Precisa capturar elementos DOM estilizados como imagens? SnapDOM oferece conversão rápida e precisa de DOM para imagem com suporte para formatos SVG, PNG, JPG e WebP, preservando fontes, pseudo-elementos e efeitos CSS.

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 67

Criar interfaces frontend distintas

por 1bertogit

Esta skill ajuda você a criar interfaces web de qualidade de produção com estética ousada e memorável. Ela orienta escolhas criativas para tipografia, cor, movimento e composição espacial para evitar designs genéricos gerados por IA.

Claude Codex Code(CC)
Instalar
🎨

create-svg-from-prompt

Baixo Risco 66

Gerar gráficos SVG a partir de prompts

por 0x6a77

A criação manual de gráficos vetoriais SVG requer software de design e habilidades técnicas. Esta habilidade usa IA para converter descrições de texto em gráficos vetoriais escaláveis através do Google Gemini e autotrace.

Claude Codex Code(CC)
Instalar
🎨

tailwind-design-system

Seguro 69

Construir sistemas de design Tailwind

por wshobson

Sistemas de design frequentemente derivam sem tokens e padrões claros. Esta habilidade fornece estruturas Tailwind para padronizar componentes, temas e layouts responsivos em toda a sua base de código.

Claude Codex Code(CC)
Instalar