Oma Frontend

Sous-agent frontend React/Next.js/Angular imposant les primitives shadcn, les tokens de design, et les conventions FSD-lite.

par first-fluke · first-fluke/oh-my-agent

Fonctionne avec configuration ★ 9.6/10

Oma Frontend — Sous-agent frontend React/Next.js/Angular imposant les primitives shadcn, les tokens de design, et les conventions FSD-lite.

Ce que fait

Un sous-agent spécialiste frontend pour les bases de code React, Next.js, et Angular/TypeScript qui impose les primitives shadcn/ui, l'usage des tokens de design, la provenance des chaînes i18n, et une convention Next.js 16 proxy.ts (jamais middleware.ts). Se déclenche sur les demandes UI, composant, layout, CSS/Tailwind, shadcn, Angular, ou RxJS et fournit des ressources sur la stack technique, les règles Tailwind, et la politique de tests marble Angular RxJS.

Rapport de test

A exécuté une vraie construction de carte produit en comparant base de référence et skill : la version skill seule a détecté 5 violations concrètes de convention livrées par la base de référence (« use client » manquant sur un composant interactif, couleurs Tailwind codées en dur au lieu de tokens de design, texte UI codé en dur au lieu d'i18n, div/button brut au lieu de primitives shadcn, nom de fichier non kebab-case) — mais le corps du skill lui-même pointe vers '../../rules/frontend.md' et '../_shared/*' hors de son propre dossier, donc un simple cp -r d'un seul skill manque des fichiers de lecture obligatoire.

Testé le: 2026-07-13 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/first-fluke/oh-my-agent
cd oh-my-agent
mkdir -p ~/.claude/skills
cp -r .agents/skills/oma-frontend ~/.claude/skills/oma-frontend

Commandes et exemples de prompts

  • /oma-frontendSous-agent frontend React/Next.js/Angular imposant les primitives shadcn, les tokens de design, et les conventions FSD-lite.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • Build this component using our shadcn primitives and design tokens
  • Add a new Next.js page following our FSD-lite folder conventions
  • Wire up this Angular form with RxJS and our proxy.ts routing setup