StyleSeed – un projet open source qui insuffle le sens du design aux outils de codage IA (2 200 lignes de règles de design)
(github.com/bitjaru)Quand on crée une UI en vibe coding, on se retrouve avec un problème classique : « ça fonctionne, mais le design est mauvais ».
StyleSeed est un projet open source qui insuffle des règles de design aux outils de codage IA (comme Claude Code).
Il suffit de copier les fichiers dans un projet pour que l’IA produise une UI au niveau de l’app Toss.
Contenu inclus :
- 60 règles de design visuel sur 2 200 lignes (philosophie des couleurs, hiérarchie typographique, structure des cartes, motifs à proscrire, etc.)
- 47 composants React (31 basés sur shadcn/ui + 16 patterns de dashboard)
- 10 skills Claude Code (génération d’UI, audit UX, génération de microcopy, etc.)
- Un thème Tailwind CSS v4 (modes clair/sombre)
Si le DESIGN.md de awesome-design-md (23K stars) fournit des tokens de marque,
StyleSeed est un « cerveau du design » qui inclut aussi des règles de layout, des guides UX et des composants.
Le premier seed reprend le style Toss. Des seeds Apple, Linear et Stripe sont prévus. Licence MIT.
4 commentaires
▎ Mise à jour — j’ai mis en ligne une démo live cliquable.
▎
▎ 🎬 https://styleseed-demo.vercel.app
▎
▎ C’est un écran qui fait morpher la même UI de chat entre trois marques, Toss → Raycast → Arc, d’un seul coup. Les couleurs, les coins arrondis, les animations, les ombres et les dégradés changent tous avec un seul attribut
data-skin. Uniquement avec des tokens, sans branchement dans le code.▎
▎ J’ai épinglé un aperçu GIF en haut du README : https://github.com/bitjaru/styleseed
▎
▎ Merci à celles et ceux qui ont donné leur avis lors du premier post 🙏
Il semble assez ironique que l’élargissement des connaissances de domaine grâce à l’open source prenne encore plus de valeur à l’ère de la grande IA. Merci beaucoup pour ce formidable partage de connaissances !
Merci pour le partage. Ça me sera utile pour mes projets perso.
Génial !