CodeRocket

Le flux de travail principal se déroule en trois étapes. Tout d'abord, décrivez le produit et examinez une proposition de design générée par l'IA couvrant la couleur, la typographie, l'espacement et la densité. Deuxièmement, affinez le système visuellement ou avec un prompt, en éditant l'ensemble de la bibliothèque à la fois ou en redessinant un seul composant. Troisièmement, intégrez le résultat dans une base de code réelle : téléchargez le code source directement ou installez-le via un registre privé.

La bibliothèque elle-même couvre 48 composants et 26 blocs d'interface (boutons, formulaires, dialogues, comboboxes, calendriers, tableaux de données et plus), construits sur Base UI avec un comportement fonctionnel qui peut être testé avant l'exportation. Les composants sont livrés sous forme de source React ou Vue modifiable, et le code exporté n'a aucune dépendance d'exécution sur CodeRocket UI : il peut être édité, hébergé n'importe où et utilisé indépendamment sous une licence MIT. La bibliothèque de composants open-source soutenant le produit est publiée sur GitHub.

CodeRocket UI se connecte également à des agents de codage. Une CLI, un registre privé et une connexion MCP permettent à Codex, Claude Code et Cursor de lire les tokens de design enregistrés et les composants existants, afin qu'un agent puisse trouver et réutiliser un bouton ou une carte au lieu de générer un nouveau à partir de zéro, avec des instructions de configuration couvertes dans la documentation.

La tarification comporte deux niveaux. Le plan gratuit inclut l'éditeur complet, le catalogue de composants et l'exportation de source modifiable, plus cinq générations assistées par IA au total comme une allocation d'essai unique par compte. Le niveau Pro ajoute 100 générations IA par mois calendaire UTC tant que l'accès payant est actif ; il est organisé personnellement ; le prix et la période d'accès sont convenus avant le paiement et le compte est activé manuellement, sans facturation automatique. Les demandes IA des deux niveaux partagent une limite de service, et l'éditeur et l'exportation fonctionnent toujours si la génération IA est temporairement indisponible.

React et Vue sont pris en charge aujourd'hui avec les mêmes tokens de design et flux de travail IA ; Svelte et SolidJS sont listés comme frameworks prévus. CodeRocket UI s'adresse aux développeurs et aux petites équipes qui souhaitent un système de design cohérent à travers une base de code avant de commencer à construire des écrans, plutôt qu'un constructeur de site web ou un générateur d'application général.