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
Correção do Proxy Quell para o Problema de Rolagem do Código do Claude no Windows
Quell é um proxy em Rust que fica entre seu terminal e o Claude Code, removendo sequências de limpeza de tela que causam redefinições da posição de rolagem durante respostas longas. Ele também adiciona Shift+Enter para novas linhas, filtragem de segurança e suporte completo a Unicode.
Plugin "Be brief" supera "caveman" no benchmark de compressão do Claude Code
Um benchmark com 24 prompts mostra que o plugin de compressão 'caveman' do Claude Code produz as mesmas contagens de tokens e qualidade que simplesmente adicionar 'seja breve.' — mas a forma consistente da saída e as regras de escape de segurança do plugin oferecem vantagens estruturais.
Ferramenta CLI AI-Setup Gera Automaticamente Arquivos de Configuração de IA para Stacks LLM Locais
AI-Setup é uma ferramenta CLI que analisa bases de código e gera automaticamente arquivos de configuração de IA, como .cursorrules e claude.md. Ele detecta sua stack para eliminar a escrita manual de regras para cada novo projeto.
Análise de ações em tempo real adicionada ao Claude Desktop via servidor MCP
Um desenvolvedor criou um servidor MCP chamado agent-toolbelt que adiciona capacidades de análise de ações em tempo real ao Claude Desktop e Claude Code, fornecendo dados ao vivo para análise de investimentos em vez dos palpites baseados em dados de treinamento do Claude.