148 habilidades
🔧

grasshopper-workflow

Seguro 78

Automatizar Grasshopper via MCP

por AmemiyaLai

A criação manual de definições Grasshopper é demorada e repetitiva. Esta habilidade permite que assistentes de IA criem componentes programaticamente, estabeleçam conexões e executem fluxos de trabalho de modelagem paramétrica completos através do protocolo MCP, transformando especificações de design em definições Grasshopper funcionais automaticamente.

Claude Codex Code(CC)
Instalar
🎨

ux-researcher-designer

Seguro 73

Gerar Personas de Usuário a Partir de Dados de Pesquisa

por alirezarezvani

Transforme dados brutos de entrevistas com usuários em personas acionáveis. Crie perfis de usuário baseados em dados com objetivos, frustrações, comportamentos e implicações de design em minutos, não horas.

Claude Codex Code(CC)
Instalar
🎨

ui-design-system

Seguro 73

Gerar tokens de sistema de design a partir de cores da marca

por alirezarezvani

Criar tokens de design consistentes manualmente é demorado e propenso a erros. Esta ferramenta gera sistemas de design completos, incluindo paletas de cores, escalas tipográficas, grades de espaçamento e estilos de componentes a partir de uma única cor da marca.

Claude Codex Code(CC)
Instalar
🎨

algorithmic-art

Seguro 70

Crie arte algorítmica única com código

por anthropics

Transforme ideias criativas em arte generativa linda usando código. Esta habilidade cria obras de arte algorítmicas originais com randomização com semente para resultados reproduzíveis e controles de parâmetros interativos para exploração sem fim.

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 71

Projetar interfaces frontend distintivas com estética ousada

por AJV009

Saídas genéricas de IA produzem designs web sem graça e derivativos que carecem de personalidade. Esta skill orienta Claude a se comprometer com direções estéticas ousadas e entregar código frontend memorável, em nível de produção, com escolhas criativas intencionais.

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 70

Projete interfaces de frontend de nível de produção

por AgentWorkforce

Crie interfaces web distintas que se destacam das estéticas genéricas geradas por IA. Crie componentes memoráveis e visualmente impactantes com atenção cuidadosa à tipografia, movimento e composição espacial.

Claude Codex Code(CC)
Instalar
📦

uiux-ops

Seguro 69

Melhorar UI/UX com diretrizes de design

por A-Genno

Projetos de design UI/UX frequentemente carecem de padrões consistentes e processos claros, levando a experiências de usuário fragmentadas e lacunas de acessibilidade. Esta skill fornece procedimentos operacionais abrangentes e checklists para otimizar fluxos de trabalho de design, garantir consistência e manter a conformidade de acessibilidade em todos os projetos.

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 71

Projete interfaces frontend distintivas

por AdamAugustinsky

Construir interfaces web de nível profissional muitas vezes resulta em designs genéricos e esquecíveis. Esta skill ajuda a criar designs frontend memoráveis e criativos com estética ousada, tipografia bem pensada e detalhes refinados que se destacam de padrões genéricos.

Claude Codex Code(CC)
Instalar
🎨

design-component

Seguro 68

Componentes de UI culturalmente sensíveis

por Acurioustractor

Crie contadores de histórias e cartões acessíveis com mapeamento adequado de dados, indicadores culturais e enriquecimento por IA. Esta habilidade fornece padrões de sistema de design e diretrizes de componentes para plataformas de narrativas indígenas.

Claude Codex Code(CC)
Instalar
🎨

ui-design-system

Seguro 69

Aplicar padrões de design de interface consistentes

por AbdulSamad94

As equipes precisam de regras de design claras para criar interfaces coesas. Esta skill oferece um sistema de design completo com tipografia, cores, componentes e animações para aplicações modernas com tema escuro.

Claude Codex Code(CC)
Instalar
🎨

ui-handler

Seguro 69

Implementar componentes de IU e páginas de destino

por AayushBaniya2006

Construir componentes de IU manualmente leva tempo significativo. Esta habilidade utiliza Shadcn MCP e 21st.dev MCP para gerar rapidamente botões, diálogos e seções complexas de páginas de destino.

Claude Codex Code(CC)
Instalar
🎨

theme-handler

Seguro 68

Instalar temas de interface com shadcn e tweakcn

por AayushBaniya2006

Gerenciar temas de aplicativo manualmente requer encontrar URLs de temas e executar comandos de CLI. Esta skill fornece uma lista curada de temas pré-configurados e comandos de instalação, tornando a instalação de temas rápida e livre de erros.

Claude Codex Code(CC)
Instalar
🎨

logo-generator

Baixo Risco 72

Gerar logotipos profissionais com IA

por AayushBaniya2006

Criar logotipos requer habilidades de design e software caro. Esta skill usa IA para gerar logotipos personalizados a partir de descrições em texto e remove fundos automaticamente para resultados profissionais e transparentes.

Claude Codex Code(CC)
Instalar
🧩

page-builder

Seguro 69

Criar páginas iniciais com componentes Tailark UI

por AayushBaniya2006

Criar páginas de marketing do zero leva muito tempo. Esta skill fornece recomendações curadas para componentes Tailark pré-construídos organizados por tipo de página, ajudando você a montar páginas iniciais profissionais em minutos.

Claude Codex Code(CC)
Instalar
🎨

generate-assets

Baixo Risco 72

Gerar imagens de IA para componentes web

por AayushBaniya2006

Criar ativos visuais para sites requer tempo e habilidades de design. Esta skill usa IA FLUX 1.1 Pro para gerar seções hero, imagens de recursos e gráficos de IU com aprimoramento automático. As imagens são otimizadas como WebP e salvas diretamente no seu projeto.

Claude Codex Code(CC)
Instalar
🎨

asset-creator

Baixo Risco 73

Gerar imagens personalizadas com integração DALL-E baseada em IA

por AayushBaniya2006

Pare de procurar fotos de stock. Crie visuais únicos e alinhados à sua marca instantaneamente com geração de imagens por IA. Esta skill integra o DALL-E 3 para produzir ativos de alta qualidade adaptados às suas especificações exatas.

Claude Codex Code(CC)
Instalar
🎨

ux-evaluator

Seguro 72

Avaliar componentes de UI contra boas práticas de UX

por 92Bilal26

Revisões de UI frequentemente viram disputas de opinião subjetiva. Esta skill fornece um framework sistemático de 3 dimensões para embasar feedback de design em princípios baseados em evidências de autoridades do setor.

Claude Codex Code(CC)
Instalar
🎨

image-generator

Seguro 71

Gerar Diagramas Educacionais com Gemini

por 92Bilal26

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

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 71

Criar interfaces frontend distintas

por 92Bilal26

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

Claude Codex Code(CC)
Instalar
🎨

theme-factory

Seguro 69

Aplicar temas profissionais a apresentações

por 7Spade

Criar designs visuais consistentes e profissionais leva tempo e experiência em design. Esta skill oferece 10 temas de cores e fontes curados que podem ser aplicados instantaneamente a slides, documentos, relatórios e páginas da web. Temas personalizados também podem ser gerados com base nas suas necessidades.

Claude Codex Code(CC)
Instalar