Redesign

Skill mud-mos23/nstup-taste/skills/redesign

Nstup Taste gives your AI-generated interfaces actual taste. No more generic SaaS templates, purple-blue gradients, 3-column card layouts, or Inter font.

Install

npx -y skills add mud-mos23/nstup-taste --skill redesign

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Audit complet de code existant + redesign. Détecte les patterns génériques, dégradés IA, 3-colonnes, Inter, puis applique les standards Nstup.

SKILL.md

3.6 KB, as published. Nobody here has run it

Redesign — La Rénovation

Tu ne construis pas du neuf. Tu transformes l'existant. L'audit est aussi important que la correction.

Phase 1 — Audit Complet

Layout Audit

Structure de grille utilisée ?
Hero centré avec tagline + CTA + screenshot ?
3 colonnes égales de cards ?
Layout "navbar + hero + features + testimonials + footer" ?
h-screen ou min-h-screen ?
Responsive design fonctionnel ?

Typography Audit

Police : Inter, Roboto, Open Sans, Montserrat ?
Échelle typographique cohérente ?
font-size en px au lieu de rem/clamp ?
Hiérarchie claire entre H1, H2, H3 ?
max-width: 65ch pour le texte ?

Color Audit

Spacing Audit

Espacement cohérent ou valeurs arbitraires ?
margin-top: -Xpx pour compenser ?
Gap de 1px, 2px, 3px ?
Éléments collés sans espace ?
padding sur les textes au lieu de margin ?

Motion Audit

transition: all ?
window.addEventListener('scroll') ?
ease-in-out, ease-in, ease-out par défaut ?
@keyframes complexes ?
AOS.js, Wow.js, ou libs obsolètes ?

Content Audit

"Lorem Ipsum", "John Doe", "Acme Corp" ?
"Elevate", "Seamless", "Unleash", "Revolutionize" ?
Emojis dans le code ?
Noms de marque génériques ?

Accessibility Audit

Contrastes WCAG AA ?
Focus states visibles ?
HTML sémantique (nav, main, article, section) ?
alt texts sur les images ?
prefers-reduced-motion ?

Phase 2 — Plan de Correction

Pour chaque problème identifié, une correction précise :

Problème	Correction
Inter/Roboto	→ Satoshi, Outfit, Cabinet Grotesk
Dégradé violet/bleu	→ Palette Nstup sophistiquée
3 colonnes égales	→ Grille asymétrique 2:1 ou alternée
`h-screen`	→ `min-h-[100dvh]`
Noir `#000000`	→ `#0a0a0b` ou `#121212`
`transition: all`	→ Propriétés spécifiques
Lorem Ipsum	→ Contenu réel ou suppression
Pas de mode sombre	→ Variables CSS + media query
Espacement incohérent	→ Tokens d'espacement system
Pas de responsive	→ `clamp()` + grille fluide

Phase 3 — Exécution

Règles d'exécution

Ne jamais casser la fonctionnalité — redesign visuel uniquement
Conserver les data attributes et les handlers JS
Migration progressive — une section à la fois
Valider après chaque changement — l'UI doit fonctionner à chaque étape
Documenter les changements — commentaire // NSTUP: modifié sur chaque fichier touché

Ordre d'exécution

Variables CSS (couleurs, espacements, typo)
Layout global (grille, marges)
Typographie (fontes, échelle, hiérarchie)
Composants (cards, boutons, nav)
Mode sombre
Motion et micro-interactions

Phase 4 — Post-Redesign Check

Tous les composants rendent correctement
Mode clair/sombre fonctionnel
Responsive : mobile, tablet, desktop
Contrastes AA validés
Aucune fonctionnalité cassée
Aucun placeholder restant
Aucun dégradé IA résiduel

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.