391 技能
🎨

overdrive

安全 69

Crie interfaces web extraordinárias com efeitos de última geração

由 pbakaus

Interfaces web padrão parecem estáticas e previsíveis. O Overdrive as transforma com transições cinematográficas, visuais acelerados por GPU e animações baseadas em física que surpreendem e encantam os usuários.

Claude Codex Code(CC)
安装
🚀

onboard

安全 70

Criar Fluxos de Integração de Usuários que Estimulam a Adoção

由 pbakaus

Os usuários abandonam produtos quando não conseguem entender o valor rapidamente. Esta habilidade ajuda você a criar experiências de integração que guiam os usuários ao seu primeiro sucesso sem sobrecarregá-los.

Claude Codex Code(CC)
安装
📦

normalize

安全 69

Normalizar Componentes de UI para Sistema de Design

由 pbakaus

Elimina inconsistências de design ao detectar e corrigir automaticamente desvios do seu sistema de design. Garante que cada componente use tokens corretos, padrões e convenções estabelecidas.

Claude Codex Code(CC)
安装
📦

layout

安全 72

Crie Layouts Polidos com Espaçamento Sistemático

由 pbakaus

Corrija grades monótonas e espaçamento inconsistente que tornam interfaces amadoras. Esta skill estabelece escalas de espaçamento sistemáticas, ritmo visual e hierarquia clara para transformar layouts genéricos em composições intencionais.

Claude Codex Code(CC)
安装
📦

impeccable

低风险 72

Crie interfaces frontend polidas com IA

由 pbakaus

Interfaces geradas por IA frequentemente parecem genéricas e baseadas em templates. O Impeccable orienta a IA através de decisões de design especializadas, produzindo código frontend diferenciado e de qualidade profissional.

Claude Codex Code(CC)
安装
📦

frontend-design

安全 73

Crie interfaces frontend distintas que se destaquem

由 pbakaus

Código genérico gerado por IA produz designs esquecíveis e baseados em modelos. Esta habilidade ensina direção estética ousada e implementação de nível de produção que cria experiências de usuário memoráveis.

Claude Codex Code(CC)
安装
📦

delight

安全 70

Transforme interfaces com microinterações deliciosas

由 pbakaus

Interfaces funcionais frequentemente parecem frias e mecânicas. Esta skill adiciona momentos estratégicos de alegria e personalidade que fazem os usuários sorrirem enquanto mantêm a usabilidade.

Claude Codex Code(CC)
安装
🎨

critique

安全 66

Critique Seu Design

由 pbakaus

Obtenha feedback especializado em design UX que identifica padrões gerados por IA, problemas de hierarquia visual e melhorias acionáveis para elevar sua interface.

Claude Codex Code(CC)
安装
🎨

colorize

安全 69

Adicione Cor Estratégica aos Seus Designs

由 pbakaus

Transforme interfaces cinzas e sem vida em experiências calorosas e envolventes. Esta habilidade aplica teoria de cores intencional para melhorar a hierarquia visual e o encantamento do usuário.

Claude Codex Code(CC)
安装
📦

clarify

安全 70

Melhorar texto confuso de UX e mensagens de erro

由 pbakaus

Texto confuso na interface frustra os usuários e aumenta os custos de suporte. Esta skill transforma jargões, rótulos ambíguos e mensagens de erro ruins em texto claro e amigável que orienta os usuários de forma eficaz.

Claude Codex Code(CC)
安装
🎨

bolder

安全 69

Transformar Designs Entediantes em Experiências Ousadas

由 pbakaus

Pare de se acomodar com interfaces genéricas e esquecíveis. Esta skill ajuda o Claude a criar designs visualmente impressionantes que capturam os usuários enquanto mantém padrões de usabilidade e acessibilidade.

Claude Codex Code(CC)
安装
📦

audit

安全 69

Auditar Qualidade da Interface

由 pbakaus

A má qualidade da interface prejudica a experiência do usuário e exclui pessoas com deficiências. Esta habilidade fornece auditoria sistemática em acessibilidade, desempenho, theming e design responsivo para identificar problemas antes que cheguem à produção.

Claude Codex Code(CC)
安装
📐

arrange

安全 69

Transforme Layouts com Espaçamento e Ritmo Intencionais

由 pbakaus

Elimine grades monótonas e espaçamentos arbitrários. Esta habilidade fornece uma abordagem sistemática para criar hierarquia visual através de espaçamento intencional, ritmo variado e layouts estruturados que guiam o olhar para o que importa.

Claude Codex Code(CC)
安装

animate

安全 69

Adicionar Animações e Micro-interações Propositais

由 pbakaus

Interfaces estáticas parecem incompletas e perdem oportunidades de orientar usuários. Esta habilidade ajuda você a adicionar estrategicamente movimento que fornece feedback, melhora a compreensão e cria experiências agradáveis sem sobrecarregar os usuários.

Claude Codex Code(CC)
安装
📦

adapt

安全 69

Adapte Designs para Qualquer Tela ou Plataforma

由 pbakaus

Com dificuldades para fazer seu design funcionar em mobile, tablet, desktop, impressão ou e-mail? Esta skill fornece orientação especializada na adaptação de designs para diferentes contextos, mantendo consistência e usabilidade.

Claude Codex Code(CC)
安装
📦

liquid-glass

安全 70

Adicionar efeitos de Vidro Líquido a aplicativos SwiftUI

由 patrickserrano

A construção de interfaces iOS modernas requer a implementação de efeitos visuais avançados. Esta skill fornece diretrizes e exemplos de código para usar a API de Vidro Líquido do iOS 26+ para criar superfícies de vidro com desfoque, reflexão e interatividade no SwiftUI.

Claude Codex Code(CC)
安装
📱

app-store-screenshots

安全 70

Gerar Capturas de Tela da App Store com Claude

由 ParthJadhav

Criar capturas de tela profissionais para a App Store é tedioso e demorado. Esta skill gera capturas de tela de iOS otimizadas para marketing nas resoluções exigidas pela Apple usando Next.js e html-to-image.

Claude Codex Code(CC)
安装
🎨

mulerouter

安全 81

Gerar Imagens e Vídeos IA com MuleRouter

由 openmule

Criar mídia profissional gerada por IA requer integrações complexas de API e gerenciamento de modelos. A skill MuleRouter simplifica isso fornecendo uma interface unificada para gerar imagens e vídeos usando modelos de IA de última geração.

Claude Codex Code(CC)
安装
📦

ckm:design

中风险 68

Crie logotipos, identidades de marca e visuais para redes sociais com IA

由 nextlevelbuilder

Criar designs profissionais normalmente exige contratar um designer ou aprender softwares complexos. Esta skill gera logotipos, documentos de identidade de marca, imagens para redes sociais, banners, ícones e apresentações diretamente a partir das suas descrições usando IA.

Claude Codex Code(CC)
安装
📦

ckm:design-system

低风险 72

Gerar design tokens, validar uso e criar slides com a marca

由 nextlevelbuilder

Os sistemas de design frequentemente se quebram quando os tokens não são aplicados de forma consistente nas camadas primitiva, semântica e de componentes. Esta skill gera variáveis CSS a partir de definições de tokens em JSON, valida o uso de tokens no código e cria apresentações de slides compatíveis com a marca, com integração ao Chart.js.

Claude Codex Code(CC)
安装