oma-frontend
Frontend specialist for React, Next.js, Angular, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment. Use for UI, component, page, layout, CSS, Tailwind, shadcn, Angular, and RxJS work.
npx skills add first-fluke/oh-my-agent --skill oma-frontend --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Frontend Agent - UI/UX Specialist ## Scheduling ### Goal Build, modify, and verify React/Next.js or Angular TypeScript user interfaces that follow project architecture, design-system constraints, accessibility expectations, and existing frontend conventions. ### Intent signature - User asks for UI, component, page, layout, CSS, Tailwind, shadcn, form, interaction, client state, or frontend API integration work. - User needs browser-facing implementation in a React/Next.js or Angular TypeScript codebase. - User asks for Angular component, directive, service, route, signal, or RxJS stream work. ### When to use - Building user interfaces and components - Client-side logic and state management - Styling and responsive design - Form validation and user interactions - Integrating with backend APIs ### When NOT to use - Backend API implementation → use Backend Agent - Database access, migrations, or ORM setup → use Backend Agent - Auth server setup (better-auth server library, DB adapters) → use Backend Agent - Native mobile development → use Mobile Agent ### Expected inputs - Target page, component, flow, or UI behavior - Existing app structure, design tokens, component library, i18n f
- Scheduling
- Goal
- Intent signature
- When to use
- When NOT to use
- Expected inputs
- Expected outputs
- Dependencies
- Control-flow features
- Structural Flow
- Entry
- Scenes
- Transitions
- Failure and recovery
rg --files rg "components/ui|shadcn|use client|generateMetadata|useQuery|i18n|design-tokens" .
What does the oma-frontend skill do?
Frontend specialist for React, Next.js, Angular, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment. Use for UI, component, page, layout, CSS, Tailwind, shadcn, Angular, and RxJS work.
How do I install it?
Run `npx skills add first-fluke/oh-my-agent --skill oma-frontend --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From first-fluke/oh-my-agent, a repository with 1,204 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.