Oma Frontend
React/Next.js/Angular-frontendagent som upprätthåller shadcn-primitiver, designtokens och FSD-lite-konventioner.
Fungerar med konfiguration
Vad den gör
En frontendspecialiserad subagent för React-, Next.js- och Angular/TypeScript-kodbaser som upprätthåller shadcn/ui-primitiver, användning av designtokens, i18n-strängkällor och en Next.js 16 proxy.ts-konvention (aldrig middleware.ts). Triggas av UI-, komponent-, layout-, CSS/Tailwind-, shadcn-, Angular- eller RxJS-förfrågningar och levererar resurser för teknikstack, Tailwind-regler och Angular RxJS marble-test-policy.
Testrapport
Körde en riktig baslinje-mot-skill-byggnad av ett produktkort: endast skillversionen fångade 5 konkreta konventionsbrott som baslinjen levererade (saknad 'use client' på en interaktiv komponent, hårdkodade Tailwind-färger istället för designtokens, hårdkodad UI-text istället för i18n, rå div/button istället för shadcn-primitiver, filnamn som inte var kebab-case) — men själva skillinnehållet pekar på '../../rules/frontend.md' och '../_shared/*' utanför sin egen mapp, så en enkel cp -r av en enskild skill missar obligatoriska filer att läsa.
Testad: 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
Kommandon och exempelprompter
/oma-frontendReact/Next.js/Angular-frontendagent som upprätthåller shadcn-primitiver, designtokens och FSD-lite-konventioner.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
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