frontend-agent
✓Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment
Installation
SKILL.md
Note: Feature level does NOT have lib/ folder. Use utils/ for all utilities. lib/ exists only at root src/lib/ level.
| Date | luxon | | Styling | TailwindCSS v4 + shadcn/ui | | Hooks | ahooks (Pre-made hooks preferred) | | Utils | es-toolkit (First choice) | | State (URL) | jotai-location | | State (Server) | TanStack Query | | State (Client) | Jotai (Minimize use) | | Forms | @tanstack/react-form + zod |
| Files | kebab-case.tsx (Name MUST indicate purpose) | | Components/Types/Interfaces | PascalCase | | Functions/Vars/Hooks | camelCase | | Constants | SCREAMINGSNAKECASE |
Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment Source: first-fluke/oh-my-ag.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/first-fluke/oh-my-ag --skill frontend-agent- Source
- first-fluke/oh-my-ag
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-02
- Updated
- 2026-02-18
Quick answers
What is frontend-agent?
Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment Source: first-fluke/oh-my-ag.
How do I install frontend-agent?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/first-fluke/oh-my-ag --skill frontend-agent Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/first-fluke/oh-my-ag
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-02