memi
Humyn LLC · Programmation
memi est un atelier de design IA pour les équipes produit qui livrent des interfaces avec des agents de code. Il lit votre code avant qu'un agent ne le modifie, vérifie la modification avant sa mise en ligne et conserve ce qu'il apprend dans une mémoire de design de projet modifiable. La boîte à outils comprend un outil d'audit d'interface en ligne de commande, une app Studio pour macOS, un pont vers Figma et une exportation vers le registre shadcn, si bien que designers et ingénieurs travaillent à partir de la même source de vérité.
À propos de memi
Qu'est-ce que memi
memi est un atelier de design conçu pour un problème bien précis : les agents de code modifient des interfaces sans les comprendre au préalable. Si vous avez déjà vu un assistant IA restyler un bouton, ignorer vos tokens d'espacement et casser discrètement une règle d'accessibilité, vous connaissez cette douleur. memi se place entre l'agent et votre dépôt.
Il lance un audit du dépôt, produit un brief compact et renvoie un rapport vérifiable avant que la moindre modification ne soit acceptée. Les résultats vivent dans une mémoire de design de projet que vous pouvez modifier, pas dans une boîte noire. Sous le capot, c'est un ensemble d'outils connectés : une CLI, une app Studio pour macOS, un pont vers Figma et une exportation vers le registre shadcn.
La plus grande limite, c'est la portée. L'app Studio n'existe que sur macOS et reste en bêta, et toute la boîte à outils vise les bases de code frontend, pas n'importe quel projet que vous lui présentez. Alors, est-ce que cela marchera pour votre dépôt backend ? Probablement pas. C'est open source sous licence FSL-1.1-ALv2, signé par Apple sous Humyn LLC, et gratuit sans compte requis.
Premiers pas
- Lancez la CLI avec
npx -y @memi-design/cli diagnose .pour scanner votre dépôt et obtenir un premier rapport d'audit. - Consultez les résultats dans le fichier de reçu. Le mode diagnose ne fait que lire ; il ne modifiera pas votre code source.
- Installez l'app Studio (
brew install --cask memi-design/memi/memi-studio) si vous voulez l'historique des exécutions et la passation Figma sur macOS 13 ou ultérieur. - Connectez votre flux de travail avec agents et laissez memi préparer un brief de design avant d'autoriser une modification.
- Vérifiez la modification une fois faite, puis conservez ce que vous avez appris dans la mémoire de design du projet.
Informations sur le produit
Aperçu des tarifs, des plateformes compatibles et des performances de memi.
Idéal pour
Les utilisateurs, tâches et cas d'usage où cet outil convient le mieux.
Utilisateurs
- Les responsables design qui mènent une revue de design frontend
- Les ingénieurs frontend qui travaillent avec des agents de code
- Les designers produit qui passent le relais aux développeurs
- Les petites équipes produit qui livrent des interfaces vite
Tâches
- Auditer un dépôt pour repérer les couleurs brutes, les textes alternatifs manquants et la dérive des tokens de design avant une mise en production.
- Préparer un brief de design pour qu'un agent de code connaisse vos règles d'espacement, de typographie et de couleur avant de modifier quoi que ce soit.
- Vérifier la modification d'un agent par rapport à l'interface qu'il était censé respecter.
- Exporter des composants vers le registre shadcn pour que le système de design reste synchronisé avec le code.
Cas d'usage
- Une revue de design où vous avez besoin d'un reçu partageable de ce qui a changé et pourquoi, plutôt que d'un vague « ça a l'air bien ».
- L'intégration d'un nouvel agent de code sur un projet qu'il n'a jamais vu.
- La vérification de l'ergonomie d'un badge de non-lus ou d'un menu de commandes avant sa mise en ligne, comme le montre le site de memi.
- Conserver une mémoire de design qui survit d'une exécution et d'un éditeur à l'autre, pour que la même erreur ne se répète pas.
Fonctionnalités clés
Audit de dépôt et reçus
La CLI scanne votre base de code et renvoie un rapport structuré avec des résultats au niveau du fichier, chacun étiqueté par type et par gravité. Vous obtenez un reçu. Il liste ce qui a été vérifié, combien de fichiers et de routes ont été scannés, et une note globale d'audit. Le mode diagnose ne fait que lire. Rien n'est réécrit dans votre dos.
Mémoire de design du projet
memi conserve ce qu'il apprend sur votre interface dans une mémoire de design modifiable liée au projet. Couleurs, règles de typographie et conventions de composants y vivent comme un contexte réutilisable. Comme elle est modifiable, vous pouvez corriger une mauvaise supposition au lieu de vivre avec.
Briefs pour agents avant les modifications
Plutôt que de laisser un agent deviner, memi prépare un brief de design compact qui décrit comment l'interface devrait se comporter. L'agent travaille à partir de ce brief, ce qui réduit le nombre d'allers-retours consacrés à corriger la dérive de design après coup. Moins de tours, des diffs plus propres.
App Studio pour macOS
Le compagnon Studio signé affiche l'historique des exécutions, le contexte du projet et les reçus dans une app de bureau. Vous pouvez suivre les exécutions Codex et Claude, examiner ce que chacune a changé et voir le coût attaché à une exécution. Il nécessite macOS 13 Ventura ou ultérieur. Apple Silicon et Intel fonctionnent tous les deux.
Passation Figma et FigJam
Le pont vers Figma transporte le contexte de design entre memi et votre espace de travail Figma. Les designers continuent de travailler dans l'outil qu'ils connaissent déjà, et le contexte de passation reste attaché à l'exécution plutôt que de vivre dans un document séparé.
Exportation vers le registre shadcn
memi peut exporter des composants vers le registre shadcn, pour que le système de design de votre code corresponde à celui d'où viennent vos composants. Cela maintient une bibliothèque de composants partagée comme source unique entre design et ingénierie. Fini l'exportation et la réimportation à la main.
Local et sans compte
Studio s'exécute en local et utilise les fournisseurs et registres que vous configurez, et aucun compte web n'est requis. Pour les équipes attentives à la destination de leur code, c'est un choix par défaut significatif, et non un supplément payant.
Avantages et inconvénients
Avantages
- Lit la base de code avant qu'un agent ne modifie, ce qui repère la dérive de design tôt plutôt qu'après une compilation cassée.
- Gratuit et open source sous FSL-1.1-ALv2, sans compte requis pour commencer.
- L'audit en CLI renvoie un reçu vérifiable avec des résultats au niveau du fichier, pas un vague réussite ou échec.
- Relie une CLI, une app macOS, Figma et le registre shadcn pour que design et ingénierie partagent une seule source de vérité.
- Studio affiche l'historique des exécutions et le coût par exécution pour les flux Codex et Claude.
Inconvénients
- L'app Studio n'existe que sur macOS, donc les utilisateurs de Windows et Linux en sont réduits à la CLI.
- Plusieurs parties sont encore en bêta ou en développement, ce qui signifie que le flux de travail peut changer sous vos pieds.
- Elle est conçue pour les bases de code frontend, donc les projets backend ou sans interface tirent peu de profit de l'audit.
- Les tarifs au-delà du gratuit ne sont pas publiés, donc les équipes qui planifient des déploiements plus larges doivent se renseigner.
Questions fréquentes
memi vérifie une base de code frontend avant et après qu'un agent de code la modifie, pour que les règles de design et les normes d'accessibilité survivent à la modification. Il vise les équipes qui livrent des interfaces avec des outils de code IA.
Contenus associés
Découvrez des outils, des compétences et des articles liés à memi.
Alternatives à memi
Forefront
Forefront · ProgrammationForefront est une plateforme web pour construire avec de l'IA open source. Elle vous laisse affiner les principaux modèles de langage open source sur vos propres données, évaluer leurs performances et les exécuter via une API ou les exporter pour les héberger vous-même. Les développeurs qui veulent le confort d'une plateforme fermée mais tiennent à rester propriétaires de leurs modèles et de leurs données sont le public visé ici.
Startkit
StartKit.AI · ProgrammationStartkit est un boilerplate pour créer des produits SaaS d'IA et des wrappers d'IA. Voyez-le comme un boilerplate de startup IA avec les parties ennuyeuses déjà branchées : authentification, paiements Stripe et Lemon Squeezy, limites d'usage, e-mail transactionnel et un kit de démarrage d'API IA qui parle à OpenAI, Anthropic, Groq ou Llama. Vous clonez le dépôt, fixez votre prix et attaquez la partie du produit pour laquelle les gens paient vraiment. Il repose sur Next.js au-dessus de React et Tailwind, donc une bonne partie du code boilerplate vous semble déjà familière.
Testim
Tricentis · ProgrammationTestim est une plateforme d'automatisation des tests dopée à l'IA, qui sert à créer et exécuter des tests de bout en bout sur des applications web, mobiles et Salesforce. Elle s'appuie sur l'apprentissage automatique pour garder les tests stables quand une interface change, alors les équipes passent moins de temps à réparer des sélecteurs cassés. Pas mal pour un outil de tests automatisés que vous pouvez utiliser dès aujourd'hui. Vous créez des tests en enregistrant des actions dans un navigateur, puis vous ajoutez du JavaScript quand vous avez besoin de plus de contrôle. C'est un choix solide pour une équipe QA bien occupée.