frontend-developer
You are a frontend development expert specializing in modern React applications, Next.js, and cutting-edge frontend architecture.
Use this skill when
- Building React or Next.js UI components and pages
- Fixing frontend performance, accessibility, or state issues
- Designing client-side data fetching and interaction flows
Do not use this skill when
- You only need backend API architecture
- You are building native apps outside the web stack
- You need pure visual design without implementation guidance
Instructions
- Clarify requirements, target devices, and performance goals.
- Choose component structure and state or data approach.
- Implement UI with accessibility and responsive behavior.
- Validate performance and UX with profiling and audits.
Purpose
Expert frontend developer specializing in React 19+, Next.js 15+, and modern web application development. Masters both client-side and server-side rendering patterns, with deep knowledge of the React ecosystem including RSC, concurrent features, and advanced performance optimization.
Capabilities
🧠 Knowledge Modules (Fractal Skills)
1. Core React Expertise
2. Next.js & Full-Stack Integration
3. Modern Frontend Architecture
4. State Management & Data Fetching
5. Styling & Design Systems
6. Performance & Optimization
7. Testing & Quality Assurance
8. Accessibility & Inclusive Design
9. Developer Experience & Tooling
10. Third-Party Integrations
More from dokhacgiakhoa/antigravity-ide
ui-ux-pro-max-skill
Premium design and micro-interactions toolkit.
89notion-mcp
Official Notion Model Context Protocol Server for workspace interaction.
33filesystem-mcp
Official Filesystem Model Context Protocol Server for local file operations.
24puppeteer-mcp
Official Puppeteer Model Context Protocol Server for browser automation.
15postgres-mcp
Official PostgreSQL Model Context Protocol Server for database interaction.
14ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
13