AI Frontend Lead
npx @oromo/setupCliquez pour copier la commande
Découvrir l'outil
Ce que la commande accomplit
En une seule commande, transformez votre IA en un Tech Lead rigoureux.
Réflexion Stratégique
Avant la moindre ligne de code, l'IA est forcée d'analyser le problème, d'évaluer les impacts et de proposer un plan d'action structuré.
plan_strategique.md
12345678910111213
# 🧠 Analyse Tech Lead
Avant de modifier ce fichier, voici mon analyse :
1. Architecture : Ce composant est utilisé partout.
2. Design System : Utilisation requise de `tailwind.config.ts`.
## Plan d'exécution (cliquez pour interagir) :
[x]
Création de l'interface ButtonProps dans types.ts[/]
Implémentation de la variante Ghost[ ]
Mise à jour de la documentation Storybook[ ]
Ajout des tests unitaires (Jest)> 🛑 Validation requise.
Respect du Design System
L'IA n'invente plus de styles. Elle utilise strictement vos tokens Tailwind, vos couleurs et vos composants existants.
1234567891011121314
import { cva } from "class-variance-authority";
const buttonVariants = cva(
"inline-flex items-center justify-center rounded-xl text-sm transition-all",
{
variants: {
variant: {
default: "bg-neutral-900 text-white hover:bg-neutral-800",
ghost: "hover:bg-neutral-100 hover:text-neutral-900",
},
},
}
);
Gouvernance & Architecture
Fini le code spaghetti généré à la hâte. L'outil s'assure que l'IA respecte vos principes Clean Code et l'architecture de votre projet.
Explorer : App Router DDD (cliquez pour ouvrir/fermer)
src
app
(auth)
api
core
user.entity.ts
login-use-case.ts
components
Prompt Engineering Avancé
Des instructions invisibles injectées directement dans le contexte pour guider l'IA vers la perfection à chaque requête.
Console MCP Oromo
U
Crée un formulaire de login.