google-labs-code/design.md : guide éditorial fondé sur le README
Un guide fondé sur le README, les métadonnées et la licence de google-labs-code/design.md.
Périmètre du projet
Le README décrit google-labs-code/design.md comme « A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system. ». Cette page reste limitée aux faits vérifiables dans le dépôt. Les étoiles, forks et badges indiquent une attention, pas une preuve de qualité. Sous « DESIGN.md », la source indique : A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.. Cela fixe un périmètre déclaré, pas un test en production.
Cas d'usage adaptés
La section « Design Token Interoperability » aide à vérifier si le projet répond au besoin : Tailwind v4 theme (CSS) , npx @google/design.md export --format css-tailwind DESIGN.md , emits a CSS @theme { ... } block using Tailwind v4's CSS-variable token namespaces (--color-, --font-, --text-, --leading-, --tracking-,. Si ce besoin ne correspond pas au vôtre, la popularité ne suffit pas. Les noms, commandes et composants sont conservés pour permettre une comparaison directe avec la source primaire. Le README fournit aussi ce point vérifiable : Tailwind v3 config (JSON) , npx @google/design.md export --format json-tailwind DESIGN.md , emits a theme.extend JSON object for tailwind.config.js. --format tailwind is a backwards-compatible alias.. Il peut guider le premier test, sans remplacer une vérification dans l'environnement prévu.
Fonctionnement
Le fonctionnement est réparti dans des sections comme « The Format ». La source fournit notamment : An agent that reads this file will produce a UI with deep ink headlines in Public Sans, a warm limestone background, and Boston Clay call-to-action buttons.. Les détails absents sur l'architecture, les performances ou la sécurité ne sont pas inventés. Avant une mise en service, vérifiez l'arborescence, la configuration et l'historique des releases.
Installation et premier lancement
Commencez l'installation avec l'entrée documentée dans le README. La commande vérifiable est : npm install @google/design.md Si aucune commande n'est fournie, cette page n'en fabrique pas. Consultez « The Format » pour les dépendances, les ports par défaut et l'initialisation du premier lancement.