Oma Frontend

React-/Next.js-/Angular-frontendagent die shadcn-primitives, design tokens en FSD-lite-conventies afdwingt.

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

Werkt met setup ★ 9.6/10

Oma Frontend — React-/Next.js-/Angular-frontendagent die shadcn-primitives, design tokens en FSD-lite-conventies afdwingt.

Wat het doet

Een frontend-specialist-subagent voor React-, Next.js- en Angular-/TypeScript-codebases die shadcn/ui-primitives, gebruik van design tokens, i18n-stringbronnen, en een Next.js-16-proxy.ts-conventie (nooit middleware.ts) afdwingt. Triggert op verzoeken rond UI, componenten, layout, CSS/Tailwind, shadcn, Angular, of RxJS, en levert resources voor de techstack, Tailwind-regels, en het Angular-RxJS-marble-test-beleid.

Testrapport

Draaide een echte baseline-vs-skill-build van een product-card: alleen de skill-versie ving 5 concrete conventieschendingen die de baseline wél verstuurde (ontbrekende 'use client' op een interactief component, hardcoded Tailwind-kleuren in plaats van design tokens, hardcoded UI-tekst in plaats van i18n, ruwe div/button in plaats van shadcn-primitives, bestandsnaam niet in kebab-case) — maar de skill-body zelf verwijst naar '../../rules/frontend.md' en '../_shared/*' buiten de eigen map, waardoor een simpele single-skill cp -r verplicht te lezen bestanden mist.

Getest op: 2026-07-13 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /oma-frontendReact-/Next.js-/Angular-frontendagent die shadcn-primitives, design tokens en FSD-lite-conventies afdwingt.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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