Communitygithub.com

Kyaa-A/doesntbreak

Compétence pour agent Claude : UI web mobile-first qui tient de 320px et plus — pas de défilement horizontal, fluide par défaut. Déposer dans ~/.claude/skills/, puis demander à Claude de construire ou corriger n'importe quelle UI (sans configuration).

Qu'est-ce que doesntbreak ?

Cette compétence (skill) pour l'agent Claude, nommée 'doesntbreak', est conçue pour aider Claude (et potentiellement d'autres agents) à générer des interfaces utilisateur web qui sont robustes et responsives dès la conception. Son objectif principal est d'éviter les problèmes courants de mise en page comme le défilement horizontal, en adoptant une approche 'mobile-first' qui garantit que l'UI fonctionne parfaitement sur des écrans allant de 320px de large à des écrans plus larges. La mise en page est fluide par défaut, ce qui signifie qu'elle s'adapte automatiquement à la taille de l'écran sans nécessiter de points de rupture complexes ou de configurations supplémentaires. Pour l'utilisateur, l'intégration est simple : il suffit de placer le fichier SKILL.md dans le répertoire `~/.claude/skills/` (ou équivalent selon l'outil, comme Cursor ou Codex). Ensuite, pour ses développements, l'utilisateur peut simplement demander à l'agent de construire ou de réparer une UI, sans avoir à fournir de configuration spécifique, ce qui accélère le développement tout en garantissant une qualité de base élevée.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add Kyaa-A/doesntbreak

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait doesntbreak ?

Compétence pour agent Claude : UI web mobile-first qui tient de 320px et plus — pas de défilement horizontal, fluide par défaut. Déposer dans ~/.claude/skills/, puis demander à Claude de construire ou corriger n'importe quelle UI (sans configuration).

Skills associés