Johnny Suede Design
Pile de design et de rédaction pour pages d'atterrissage, tableaux de bord, restylages et QA visuelle
Testé · Fonctionne
Ce que fait
Un workflow combiné de design et de rédaction pour les surfaces de produits : il classifie le registre (marque, produit, docs, campagne, mobile), impose une stratégie de couleurs nommées et une direction esthétique, rédige le texte avec une passe d'édition anti-négligence, et se termine par une comparaison visuelle de QA rendue. Se déclenche sur les travaux de conception de pages d'atterrissage et de tableaux de bord, les restylages de référence à cible, la rédaction d'interface utilisateur et la révision visuelle avant le lancement. Fournit quatre fichiers de référence couvrant les lois du design, les formules de rédaction, un playbook de restylage et vingt lentilles de modification de surface.
Rapport de test
Exécuté une tâche de rédaction de hero-copy et de direction visuelle pour un petit SaaS de réconciliation d'inventaire deux fois, avec et sans la compétence. Le passage sans compétence a livré un tiret cadratin, un hero en dégradé avec une grille d'icônes-cartes, une statistique inventée "gagnez 10+ heures par semaine" et un bouton "Commencez gratuitement" ; le passage avec compétence n'avait rien de tout cela, s'est engagé sur une stratégie de couleurs nommées et une direction esthétique, et a signalé la preuve manquante comme [NEEDS REAL DATA] plutôt que de l'inventer. Vérifié son actif de marque à accès restreint par exécution : le SHA-256 écrit dans SKILL.md correspond à la fois au PNG dans le dépôt et à la copie raw.githubusercontent épinglée sur laquelle il se replie. Deux coûts à connaître avant de l'installer : SKILL.md fait 40 Ko et se charge à chaque déclenchement, et il route vers dix compétences sœurs du même pack, donc copier ce seul dossier laisse la plupart de son routage mort. Notez également sa politique de porte d'entrée, qui rend chaque porte de qualité et verdict d'expédition consultatifs, de sorte qu'un "hold" signale un problème mais n'arrête jamais le travail.
Testé le: 2026-07-29 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/JasonColapietro/suede-creator-skills.git mkdir -p ~/.claude/skills cd suede-creator-skills && cp -r skills/johnny-suede-design ~/.claude/skills/johnny-suede-design
Commandes et exemples de prompts
/johnny-suede-designPile de design et de rédaction pour pages d'atterrissage, tableaux de bord, restylages et QA visuelle
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
Redesign our landing page hero and write copy that doesn't sound like AIMake our dashboard look less generic and run a visual QA pass on mobileTake stripe.com's aesthetic and restyle our marketing site to match it