Découvrez des projets open source de qualité, soumettez des projets anonymement, puis revendiquez et éditez votre propre projet.
Un peu de curiosité. Un monde de code ouvert.
THE FIRST COLLECTIONoh-my-design installe des références de systèmes de design et des compétences dans les agents de codage IA. Une commande ajoute 440+ références design entreprise, 28 compétences et 20 rôles spécialisés à Claude Code, Codex, Cursor et OpenCode. Génère un DESIGN.md portable avec philosophie, jetons sémantiques et contrats de composants.
Chromatic est un outil de build pour gérer des systèmes de design multiplateformes à partir de fichiers de design-tokens. Il supporte les expressions de tokens, les thèmes, les entrées YAML/JSON et génère des sorties Sass, CSS, iOS, Android et HTML.
Un système de conception léger, modulaire et personnalisable conçu avec vanilla CSS, utilisant des variables CSS, des principes responsives mobile-first et des pratiques d'accessibilité.
DesignMD est un outil CLI qui extrait les systèmes de design en direct depuis n'importe quelle URL — couleurs, typographie, espacements, breakpoints et états d'interaction — et génère un fichier DESIGN.md portable optimisé pour les agents de codage IA.
design-md-hub est un dépôt open-source de 120 systèmes de design de marques, chacun capturé dans un fichier DESIGN.md reverse-ingénieur depuis les sites web réels, permettant aux agents IA de générer des UI conformes à la marque avec couleurs, typographie, composants et garde-fous.
Codex est le système de conception de Wikimedia, proposant des composants Vue 3 et CSS, des jetons de conception, des icônes et un site de documentation VitePress. Il supporte l'internationalisation et respecte les normes d'accessibilité WCAG 2.1 AA.
designlang est un CLI Playwright qui extrait les systèmes de design depuis n'importe quel site : tokens DTCG, config Tailwind, variables Figma, thème shadcn, anatomie des composants, tokens motion, voix de marque, audits contraste WCAG, et émetteurs multi-plateformes avec serveur MCP et extension Chrome.
Une collection organisée de ressources, articles et outils en anglais sur les design systems pour les développeurs, couvrant les outils de conception, les design tokens, les bibliothèques de patterns et les tests.
Tinte compile un système de design en un Agent Plugin : il extrait une identité, génère SKILL.md et tokens.css, et vérifie les couleurs. La config produit aussi des presets shadcn et des thèmes d'éditeur.
Collection curatée de fichiers DESIGN.md extraits de vrais sites web et marques. Placez un DESIGN.md dans votre projet et laissez les agents IA générer une interface cohérente avec l'identité visuelle, les couleurs, la typographie et les dispositions de la marque.
Better Design est un serveur MCP open-source et un registre shadcn/ui fournissant aux agents de codage IA des systèmes de design, des jetons CSS sémantiques, des principes d'UI et des règles de révision WCAG.
brandmd est un CLI qui extrait le système de design d'un site web vers un fichier DESIGN.md valide selon la spécification @google/design.md, fournissant un contexte de marque à Claude Code, Cursor et d'autres agents de codage.
GlassKit est une bibliothèque de composants CSS sans dépendances au style glassmorphism inspirée d'iOS 26 Liquid Glass : thèmes, jetons de conception, classes utilitaires et Constructable Stylesheet pour le Shadow DOM.
Un skill Claude pour inspecter et créer des systèmes de design Figma : audits en lecture seule (WCAG, tokens, etc.) et mode construction avec workflow en six phases, génération de tokens.css, règles IDE et intégration design‑to‑code.
Marigold est une implémentation React du Marigold Design System, basée sur react-aria et Tailwind CSS. Ce monorepo comprend des packages de composants et de thèmes, Storybook, un site Next.js et des tests Vitest.
Design Oracle analyse un site web avec Playwright pour extraire son système de design (couleurs, typographie, composants) et l'exporter en config Tailwind v4, React JSX, JSON ou rapport DESIGN.md. Il fonctionne seul ou comme serveur MCP.
Panda est un framework CSS-in-JS universel et type-safe pour les systèmes de design. Il extrait les styles au moment du build, génère du CSS moderne avec des couches de cascade et des variables, et supporte les recettes et variants.
Dembrandt est une CLI Node.js qui rend un site avec Playwright, lit les styles DOM calculés, et convertit couleurs, typographie, espacements, bordures, ombres, mouvements et composants en tokens de design W3C, avec des gates de drift CI et support MCP.
