pbakaus

pbakaus

Ativo
24
Habilidades
3
Categorias
ClaudeCodexCode(CC)

Skills publicados 24

📝

typeset

Transforme a Tipografia em Design Intencional

Seguro 70

Fontes genéricas e dimensionamento inconsistente comprometem a credibilidade da sua interface. O Typeset aplica princípios de tipografia profissional para criar hierarquia clara, texto legível e visuais polidos que refletem a personalidade da sua marca.

Claude Codex Code(CC)
Instalar
🎨

teach-impeccable

Capture o contexto do seu design para uma colaboração consistente com IA

Seguro 71

Assistentes de IA tomam melhores decisões de design quando entendem sua marca e seus usuários. Esta skill é executada uma vez para reunir o contexto de design específico do projeto e o salva para todas as sessões futuras.

Claude Codex Code(CC)
Instalar
📦

shape

Planejar Design UX/UI Antes de Programar

Seguro 75

A maioria das interfaces geradas por IA falham porque pulam o pensamento de design. Esta skill executa uma entrevista de descoberta estruturada para entender as necessidades do usuário, restrições e objetivos antes de produzir um briefing de design completo que orienta a implementação.

Claude Codex Code(CC)
Instalar

polish

Polir Sua UI à Perfeição

Seguro 70

Uma habilidade meticulosa de verificação de qualidade que identifica problemas de alinhamento, espaçamento, consistência e detalhes no código de UI. Transforma um bom trabalho em interfaces polidas e profissionais.

Claude Codex Code(CC)
Instalar
📦

quieter

Refinar Designs Excessivamente Ousados

Seguro 70

O Claude pode automaticamente suavizar designs que são muito agressivos ou visualmente avassaladores, criando uma estética mais refinada e sofisticada enquanto preserva o impacto e a funcionalidade.

Claude Codex Code(CC)
Instalar
🎨

overdrive

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

Seguro 71

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)
Instalar

optimize

Otimizar Desempenho Web para Carregamento Mais Rápido e Interações Mais Suaves

Seguro 68

Interfaces lentas frustram usuários e prejudicam métricas. Esta habilidade identifica e corrige sistematicamente gargalos de desempenho em velocidade de carregamento, renderização, animações, imagens e tamanho de bundle para criar experiências mais rápidas e suaves.

Claude Codex Code(CC)
Instalar
🚀

onboard

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

Seguro 71

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)
Instalar
📦

normalize

Normalizar Componentes de UI para Sistema de Design

Seguro 71

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)
Instalar
📦

layout

Crie Layouts Polidos com Espaçamento Sistemático

Seguro 75

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)
Instalar
📦

impeccable

Crie interfaces frontend polidas com IA

Baixo Risco 75

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)
Instalar
🛡️

harden

Proteja Suas Interfaces Contra a Realidade da Produção

Seguro 70

Interfaces quebram quando usuários reais inserem dados inesperados, perdem conexão ou usam tecnologias assistivas. Esta habilidade fortalece sistematicamente sua UI contra casos extremos, problemas de internacionalização, erros e lacunas de acessibilidade para garantir resiliência pronta para produção.

Claude Codex Code(CC)
Instalar
📦

frontend-design

Crie interfaces frontend distintas que se destaquem

Seguro 73

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)
Instalar
📦

extract

Extrair Componentes do Sistema de Design

Seguro 72

Identificar e extrair componentes reutilizáveis, tokens de design e padrões do seu código-fonte em um sistema de design estruturado. Esta habilidade consolida código de UI disperso em ativos sistemáticos e documentados.

Claude Codex Code(CC)
Instalar

distill

Simplificar e Reduzir o Design à Sua Essência

Seguro 70

Esta habilidade ajuda assistentes de IA a simplificar designs complexos removendo elementos desnecessários, criando interfaces de usuário limpas e focadas que guiam os usuários aos seus objetivos.

Claude Codex Code(CC)
Instalar
📦

delight

Transforme interfaces com microinterações deliciosas

Seguro 72

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)
Instalar
🎨

critique

Critique Seu Design

Seguro 67

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)
Instalar
🎨

colorize

Adicione Cor Estratégica aos Seus Designs

Seguro 71

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)
Instalar
📦

clarify

Melhorar texto confuso de UX e mensagens de erro

Seguro 72

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)
Instalar
🎨

bolder

Transformar Designs Entediantes em Experiências Ousadas

Seguro 71

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)
Instalar
📦

audit

Auditar Qualidade da Interface

Seguro 70

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)
Instalar
📐

arrange

Transforme Layouts com Espaçamento e Ritmo Intencionais

Seguro 70

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)
Instalar

animate

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

Seguro 70

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)
Instalar
📦

adapt

Adapte Designs para Qualquer Tela ou Plataforma

Seguro 71

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)
Instalar