Oma Frontend
Agente frontend para React/Next.js/Angular que impone primitivas de shadcn, design tokens y convenciones FSD-lite.
Funciona con configuración
Qué hace
Un sub-agente especialista en frontend para bases de código de React, Next.js y Angular/TypeScript que impone primitivas de shadcn/ui, uso de design tokens, obtención de strings de i18n, y una convención de Next.js 16 con proxy.ts (nunca middleware.ts). Se activa con solicitudes de UI, componentes, layout, CSS/Tailwind, shadcn, Angular o RxJS, e incluye recursos sobre el stack técnico, reglas de Tailwind, y la política de marble-tests de RxJS en Angular.
Informe de la prueba
Ejecutamos una construcción real de tarjeta de producto comparando base vs. skill: solo la versión con skill detectó 5 violaciones concretas de convención que la base dejó pasar (falta de 'use client' en un componente interactivo, colores de Tailwind hardcodeados en vez de design tokens, texto de UI hardcodeado en vez de i18n, div/button crudos en vez de primitivas de shadcn, nombre de archivo que no es kebab-case) — pero el propio cuerpo de la skill apunta a '../../rules/frontend.md' y '../_shared/*' fuera de su propia carpeta, así que un simple cp -r de una sola skill se pierde archivos de lectura obligatoria.
Probado el: 2026-07-13 · Claude Code 2.x (agent harness)
Instalación
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
Comandos y prompts de ejemplo
/oma-frontendAgente frontend para React/Next.js/Angular que impone primitivas de shadcn, design tokens y convenciones FSD-lite.
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
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