Frontend & UI
Hallmark
Un flux de design anti-générique avec 58 portes et une variété structurelle imposée.
De quoi il s’agit
Un skill de design pour assistants de code IA, avec un flux de construction par défaut et trois verbes : audit, redesign et study. Il pousse la variété structurelle pour que deux constructions ne partagent pas le même rythme de page.
Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark
Pourquoi ça compte pour le design
- Des règles de diversification imposent des macrostructures, des navs et des footers différents d’une construction à l’autre.
- Des tokens verrouillés bannissent les valeurs hex ou font-family en ligne qui contournent le bloc de tokens.
- Chaque sortie est vérifiée aux largeurs de 320, 375, 414 et 768 pixels.
Ce que ça couvre
- How to use this skill
- Disciplines that hold across every verb
- When the brief is a component, not a page
- Design flow (default)
- Hallmark study
- Output contract and scope
Comment l’installer
Hallmark
-
Clonez le dépôt.
git clone https://github.com/Nutlope/hallmark -
Pointez Codex sur le fichier du skill.
skills/hallmark/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Laissez le scan de pre-flight lire d’abord les polices, la palette et les bibliothèques de mouvement en place.
-
Répondez à la porte audience, cas d’usage et ton, ou dites d’y aller.
-
Lancez hallmark audit sur une page pour une liste de corrections priorisée, sans modification.
Chaque plugin présenté ici est gratuit, open source, et renvoie à sa vraie source amont.
En savoir plus sur la liste codex-design ↗Autres plugins design pour Codex
Frontend & UI Ce qu’il fait gpt-taste Construit des pages primables avec du scroll GSAP et des grilles bento sans trous. 
Design systems Ce qu’il fait Stitch Design Taste Rédige un DESIGN.md qui oriente Google Stitch vers des écrans non génériques. 
Frontend & UI Ce qu’il fait image-to-code Génère d’abord des images de design, les analyse, puis construit le code frontend correspondant. 
Frontend & UI Ce qu’il fait imagegen-frontend-mobile Génère des parcours d’écrans d’app mobile premium en images, pas en code. Prochaine étape
Designez avec Open Design, sans la config
Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de Codex avec Open Design. Apportez votre clé, gardez la main sur ce que vous produisez.