À propos du projet

## Ce que c'est design-md-hub est un dépôt open-source contenant 120 systèmes de design de marques, chaque marque étant capturée dans un seul fichier `DESIGN.md` en texte brut que les agents de codage IA peuvent lire. Chaque spécification est reverse-ingénierie à partir du site web de production réel de la marque, de sorte que les polices, valeurs hexadécimales, logos et textes proviennent de la source réelle plutôt que d'être devinés. Les valeurs qui ne peuvent pas être confirmées à partir du site en direct sont omises. ## Ce qu'un DESIGN.md contient - Palettes de couleurs et jetons sémantiques - Échelle typographique et choix de polices - Motifs de composants et variantes - Espacement, ombres et rayon de bordure - Principes de mise en page et comportement responsive - Ton, garde-fous et règles de bon/mauvais usage Chaque dossier de marque inclut également un `preview.html` autonome qui s'ouvre directement dans un navigateur sans étape de build, permettant d'inspecter l'identité visuelle. ## Flux de travail décrit dans le README 1. Le site en direct d'une marque est récupéré (HTML, CSS, polices) et les jetons réels sont extraits. 2. Ces jetons deviennent une spécification `DESIGN.md` en texte brut. 3. Un `preview.html` correspondant démontre l'identité dans un navigateur. 4. Un agent de codage lit le `DESIGN.md` pour générer une UI dans le style de la marque. ## Couverture La collection couvre les outils développeur, produits AI/LLM, outils de design, fintech, analytique, observabilité, applications de productivité, services d'authentification, plateformes de données, commerce et automatisation. Parmi les exemples notables : GitHub, Figma, Cursor, Linear, Stripe, Vercel, Supabase, Notion, Docker, MongoDB, Cloudflare, OpenAI, Claude, Mistral AI, ElevenLabs, Tailwind CSS, shadcn/ui, n8n, Zapier, Grafana et bien d'autres. Une galerie en direct est liée depuis le README pour parcourir les aperçus. ## Comment l'utiliser 1. Choisissez un `DESIGN.md` dans la collection listée. 2. Copiez-le à la racine de votre projet. 3. Indiquez à votre agent de codage de suivre le DESIGN.md situé à la racine du projet. 4. Générez des composants, pages ou applications entières avec un style cohérent. Aucun paywall, inscription ni clé API n'est requis ; les contributions sont acceptées via le CONTRIBUTING.md du dépôt. ## Mises en garde Le README précise que ces spécifications sont des références officieuses créées à des fins éducatives et de prototypage, reverse-ingéniérées à partir de sites de marques publics, et ne sont ni approuvées ni affiliées aux marques concernées. Les marques déposées et logos restent la propriété de leurs détenteurs respectifs. Le projet est sous licence MIT.