← Projets sélectionnés

Ingénierie assistée par l’IA · Projet personnel

Designome

Transformer des captures d’interface en Design DNA fondé sur des preuves pour les agents de code.

Designome est un plugin Codex framework-neutral et un runtime déterministe qui extrait, fait accepter, installe et audite un contrat de design durable à partir de captures d’écran.

Rôle
Créateur · Ingénierie produit et systèmes
Statut
Première tranche verticale exécutable
Runtime
Node.js · opérations fichiers légères
Dépôt
Open source sur GitHub

Vue d’ensemble du système

Designome — Vue d’ensemble du système

  1. 01CapturesPreuves
  2. 02CollecteSources
  3. 03Analyse8 axes
  4. 04SynthèseDesign DNA
  5. 05InstallationProjet cible
  6. 06GénérationNouvelle UI
  7. 07AuditRendu final
Observé

Directement visible dans les preuves fournies.

Inféré

Déduit des motifs et relations visibles.

Proposé

Décision de design soumise à une acceptation explicite.

Inconnu

Impossible à prouver à partir de captures statiques.

Reproduire une capture ne signifie pas comprendre un design.

Les agents de code peuvent imiter un écran de référence puis dériver sur la page suivante, un nouvel état ou une autre longueur de contenu. Une capture montre un résultat ; elle n’expose pas automatiquement la grammaire qui le rend cohérent.

Le véritable enjeu est de préserver les relations, la hiérarchie, les contrats de composants, les états, les contraintes et les règles de validation dans les travaux futurs — pas de produire une seule copie au pixel près.

Traiter l’interprétation visuelle comme une preuve, pas comme une certitude.

Designome classe chaque affirmation comme observée, inférée, proposée ou inconnue. La frontière entre preuve source et jugement de design devient ainsi explicite.

Des captures statiques ne peuvent prouver ni le timing des animations, ni le comportement clavier, ni la sémantique d’accessibilité, ni le responsive réel, ni les états runtime invisibles. Le système conserve ces limites au lieu d’inventer des certitudes.

Le raisonnement du modèle pour interpréter ; des opérations déterministes pour protéger les fichiers.

L’agent de code hôte réalise l’analyse multimodale à travers huit axes complémentaires. La synthèse réunit ces fragments dans un Design DNA canonique, tandis que le runtime Node prend en charge la validation du schéma, les métadonnées des captures, l’installation, les checksums, le CSS géré, les surcharges et la planification de l’audit.

  • Plugin Codex avec workflows d’extraction, installation et audit
  • Schéma Design DNA versionné et validé avec Ajv
  • Installation idempotente avec fichiers gérés et surcharges appartenant à l’utilisateur
  • Contrôles du dépôt, Conventional Commits, CI et Release Please

Améliorer la génération future, puis auditer le rendu.

Le produit est évalué sur la capacité des connaissances de design acceptées à améliorer une nouvelle interface absente des captures sources. Le workflow d’audit compare ensuite le résultat généré au contrat fondé sur les preuves.

+ Principes d’ingénierie

Ce que le système est conçu pour préserver.

01

Affirmations traçables

Les affirmations observées et inférées conservent des preuves localisées.

02

Incertitude explicite

Un comportement inconnu reste inconnu jusqu’à l’arrivée de nouvelles preuves.

03

Intégration déterministe

L’installation et la validation ne dépendent pas d’éditions libres du modèle.

04

Utilité future

Le succès signifie de meilleures interfaces futures, pas une seule copie convaincante.

Étude de cas suivanteDocument AI