Oma Frontend
Agente frontend React/Next.js/Angular che impone primitive shadcn, design token e convenzioni FSD-lite.
Richiede configurazione
Cosa fa
Un sub-agente specialista frontend per codebase React, Next.js e Angular/TypeScript che impone le primitive shadcn/ui, l'uso di design token, il sourcing delle stringhe i18n, e la convenzione Next.js 16 proxy.ts (mai middleware.ts). Si attiva su richieste relative a UI, componenti, layout, CSS/Tailwind, shadcn, Angular, o RxJS e include risorse su stack tecnologico, regole Tailwind, e policy dei marble test RxJS per Angular.
Rapporto di test
Ho eseguito un vero confronto baseline-vs-skill costruendo una product-card: solo la versione con lo skill ha individuato 5 violazioni concrete delle convenzioni presenti nella baseline (mancanza di 'use client' su un componente interattivo, colori Tailwind hardcoded invece di design token, testo UI hardcoded invece di i18n, div/button grezzi invece di primitive shadcn, nome file non in kebab-case) — ma il corpo dello skill stesso punta a '../../rules/frontend.md' e '../_shared/*' fuori dalla propria cartella, quindi un semplice cp -r del singolo skill perde file di lettura obbligatoria.
Testato il: 2026-07-13 · Claude Code 2.x (agent harness)
Installazione
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
Comandi e prompt di esempio
/oma-frontendAgente frontend React/Next.js/Angular che impone primitive shadcn, design token e convenzioni FSD-lite.
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
Build this component using our shadcn primitives and design tokensAdd a new Next.js page following our FSD-lite folder conventionsWire up this Angular form with RxJS and our proxy.ts routing setup