Claude Code Skill refatora componentes React usando princípios de 'Não Me Faça Pensar'
Uma nova habilidade desenvolvida pela comunidade para o Claude Code aplica os princípios de usabilidade de Steve Krug do livro Don't Make Me Think a componentes React. A habilidade detecta automaticamente seu sistema de design (shadcn/ui, MUI, Chakra, Mantine, Ant ou customizado) e usa primitivas existentes em vez de reinventá-las.
O que ela faz
A habilidade pega um componente React e o refatora para usabilidade, fazendo o seguinte:
- Remove "happy talk" e parágrafos de instrução
- Torna a CTA principal óbvia
- Corrige estados de carregamento/vazio/erro que levam a becos sem saída
- Ajusta rótulos (ex.: "Por favor, insira seu primeiro nome" → "Primeiro nome")
- Melhora a hierarquia visual e a escaneabilidade
O autor criou a habilidade porque o Claude (e a maioria dos LLMs) tendem a gerar UIs que são tecnicamente funcionais, mas poluídas, prolixas e difíceis de escanear. Esta habilidade força a remoção de tudo até que apenas o essencial permaneça.
Instalação
npx skills add gashiartim/ux-enhancerIndependente de framework
A habilidade detecta automaticamente seu sistema de design — shadcn/ui, MUI, Chakra, Mantine, Ant ou customizado — e usa seus componentes existentes em vez de criar novos.
Repositório e feedback
O código-fonte está disponível em github.com/gashiartim/ux-enhancer. O autor aceita feedback e PRs, e está curioso para saber se a habilidade é acionada de forma confiável ou se a descrição precisa de ajustes.
📖 Leia a fonte original: r/ClaudeAI
👀 See Also
Extensão do Claude para VS Code Controle Deslizante de Esforço de Raciocínio Envia Valores Inconsistentes
O controle deslizante de esforço de raciocínio na extensão Claude VS Code envia valores numéricos inconsistentes para o modelo, com um mapeamento não monotônico onde mover o controle para cima pode enviar um número menor.
Experimento de revisão de código comparativo avalia três ferramentas de IA na mesma base de código
Um experimento em vídeo testa o Codex, Claude Code e Claude Code com Sextant em tarefas idênticas de revisão de código, com o Codex verificando os achados e julgando qual relatório é mais valioso. O foco está em como o fluxo de trabalho e a estrutura afetam o que a IA percebe e prioriza.
Apresentando o Xrouter: Um Roteador Híbrido Inteligente de LLM para Otimizar Custo e Desempenho
Descubra o Xrouter, uma criação de código aberto que integra dinamicamente a inferência local com a nuvem, projetada para reduzir drasticamente os custos de IA enquanto aumenta a eficiência.
Extensão Super Claude para navegador monitora a velocidade de uso e previsões de limite da IA Claude.
Um desenvolvedor criou uma extensão de navegador chamada Super Claude que adiciona indicadores de velocidade de uso e previsões de tempo até 100% diretamente na interface do Claude, ajudando os usuários a monitorar o consumo de sua alocação de 5 horas.