Communitygithub.com

Kyaa-A/doesntbreak

Habilidade para o Agente Claude: interface web mobile-first que funciona de 320px para cima — sem rolagem horizontal, fluida por padrão. Coloque em ~/.claude/skills/ e peça ao Claude para construir ou corrigir qualquer UI (sem configuração).

O que é doesntbreak?

Esta skill para o Agente Claude, chamada 'Kyaa-A/doesntbreak', capacita o assistente a gerar e corrigir interfaces web com uma abordagem mobile-first e responsiva, garantindo funcionamento perfeito a partir de 320px de largura. Diferente de configurações genéricas, a skill aplica princípios de design fluido e evita rolagem horizontal, resultando em UIs que se adaptam naturalmente a qualquer tamanho de tela. O desenvolvedor simplesmente coloca o arquivo SKILL.md no diretório ~/.claude/skills/ e pode então solicitar ao Claude para 'criar uma página responsiva' ou 'corrigir o layout que está quebrando em telas pequenas', sem necessidade de ajustes manuais. A habilidade é particularmente útil para quem precisa de prototipagem rápida ou correção de interfaces já existentes, garantindo conformidade com boas práticas de design responsivo. Suportada exclusivamente no Claude Agent (via CLI ou desktop), a skill torna o desenvolvimento web mais ágil e acessível, focando na usabilidade desde o início do processo.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add Kyaa-A/doesntbreak

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que doesntbreak faz?

Habilidade para o Agente Claude: interface web mobile-first que funciona de 320px para cima — sem rolagem horizontal, fluida por padrão. Coloque em ~/.claude/skills/ e peça ao Claude para construir ou corrigir qualquer UI (sem configuração).

Habilidades Relacionadas