Appliquer un workflow de conception anti-AI-slop aux pages, composants, audits et refontes avec Hallmark
Donnez aux agents de codage une compétence en design pour l'interface utilisateur greenfield, le travail sur les composants, les audits, les refontes et l'extraction d'ADN visuel à partir de captures d'écran ou d'URL.
Prérequis
Un agent de codage compatible tel que Claude Code, Cursor ou Codex ; des fichiers de projet ou une capture d'écran/URL cible pour l'audit, l'étude, la refonte ou le travail d'implémentation
Installation
Utilisez le chemin d'installation ou de configuration en amont qui correspond à votre environnement :
- npx skills add nutlope/hallmark
Notes d'utilisation de base ou de démarrage :
-
Réexécutez à tout moment pour mettre à jour. Ou copiez SKILL.md + references/ dans :
-
Claude Code : ~/.claude/skills/hallmark/
-
Cursor : .cursor/rules/hallmark.mdc (corps du SKILL.md, sans frontmatter)
-
Source : https://github.com/Nutlope/hallmark
-
Extrait de la documentation en amont : https://raw.githubusercontent.com/Nutlope/hallmark/HEAD/README.md