Oma Frontend
Subagent frontendowy dla React/Next.js/Angular wymuszający prymitywy shadcn, tokeny designu i konwencje FSD-lite.
Działa po konfiguracji
Co robi ten skill
Wyspecjalizowany subagent frontendowy dla kodu React, Next.js i Angular/TypeScript, który wymusza prymitywy shadcn/ui, użycie tokenów designu, źródło stringów i18n oraz konwencję Next.js 16 proxy.ts (nigdy middleware.ts). Uruchamia się na prośby dotyczące UI, komponentów, layoutu, CSS/Tailwind, shadcn, Angulara albo RxJS i dostarcza zasoby dot. stacku technologicznego, reguł Tailwind i polityki marble-testów Angular RxJS.
Raport z testu
Uruchomiono prawdziwe porównanie baseline kontra skill przy budowie karty produktu: sama wersja ze skillem wyłapała 5 konkretnych naruszeń konwencji, które baseline przepuścił (brak 'use client' na komponencie interaktywnym, zahardkodowane kolory Tailwind zamiast tokenów designu, zahardkodowany tekst UI zamiast i18n, surowy div/button zamiast prymitywów shadcn, nazwa pliku nie w kebab-case) — ale sam skill wskazuje na '../../rules/frontend.md' i '../_shared/*' poza własnym folderem, więc zwykłe cp -r pojedynczego skilla pomija obowiązkowe do przeczytania pliki.
Testowano: 2026-07-13 · Claude Code 2.x (agent harness)
Instalacja
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
Komendy i przykładowe prompty
/oma-frontendSubagent frontendowy dla React/Next.js/Angular wymuszający prymitywy shadcn, tokeny designu i konwencje FSD-lite.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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