Oma Frontend

React/Next.js/Angular-frontend-agent som håndhever shadcn-primitiver, designtokens, og FSD-lite-konvensjoner.

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

Krever oppsett ★ 9.6/10

Oma Frontend — React/Next.js/Angular-frontend-agent som håndhever shadcn-primitiver, designtokens, og FSD-lite-konvensjoner.

Hva den gjør

En frontend-spesialist-underagent for React-, Next.js-, og Angular/TypeScript-kodebaser som håndhever shadcn/ui-primitiver, bruk av designtokens, i18n-strengkilder, og en Next.js 16 proxy.ts-konvensjon (aldri middleware.ts). Utløses ved UI-, komponent-, layout-, CSS/Tailwind-, shadcn-, Angular-, eller RxJS-forespørsler, og leverer ressurser for teknologistack, Tailwind-regler, og Angular RxJS marble-test-policy.

Testrapport

Kjørte en reell baseline-vs-skill produktkort-bygging: kun skill-versjonen fanget 5 konkrete konvensjonsbrudd baseline leverte (manglende 'use client' på en interaktiv komponent, hardkodede Tailwind-farger i stedet for designtokens, hardkodet UI-tekst i stedet for i18n, rå div/button i stedet for shadcn-primitiver, filnavn uten kebab-case) — men selve skill-teksten peker til '../../rules/frontend.md' og '../_shared/*' utenfor sin egen mappe, så en enkel cp -r av bare skillet mangler obligatoriske filer.

Testet på: 2026-07-13 · Claude Code 2.x (agent harness)

Installer

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 som håndhever shadcn-primitiver, designtokens, og FSD-lite-konvensjoner.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

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

Full rapport →