Oma Frontend
React/Next.js/Angular-frontend-agent, der håndhæver shadcn-primitiver, design-tokens og FSD-lite-konventioner.
Virker med opsætning
Hvad det gør
En frontend-specialist-subagent til React-, Next.js- og Angular/TypeScript-kodebaser, der håndhæver shadcn/ui-primitiver, brug af design-tokens, i18n-streng-kildehenvisning og en Next.js 16 proxy.ts (aldrig middleware.ts)-konvention. Trigges ved UI-, komponent-, layout-, CSS/Tailwind-, shadcn-, Angular- eller RxJS-forespørgsler og leverer ressourcer om tech stack, Tailwind-regler og Angular RxJS marble-test-politik.
Testrapport
Kørte en rigtig baseline-vs-skill product-card-build: kun skill-versionen fangede 5 konkrete konventionsbrud, som baselinen leverede (manglende 'use client' på en interaktiv komponent, hårdkodede Tailwind-farver i stedet for design-tokens, hårdkodet UI-tekst i stedet for i18n, rå div/button i stedet for shadcn-primitiver, ikke-kebab-case filnavn) — men selve skillet peger på '../../rules/frontend.md' og '../_shared/*' uden for sin egen mappe, så en almindelig enkelt-skill cp -r overser obligatoriske filer.
Testet: 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
Kommandoer og eksempelprompter
/oma-frontendReact/Next.js/Angular-frontend-agent, der håndhæver shadcn-primitiver, design-tokens og FSD-lite-konventioner.
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
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