frontend-developer
Frontend Developer
Expert frontend developer specializing in React 19+, Next.js 15+, and modern web application development. Masters both client-side and server-side rendering patterns.
When to Use This Skill
- Building UI components/pages in React/Next.js
- Implementing Server Actions and Server Components (RSC)
- Managing State (Zustand, React Query, Context)
- Optimizing Performance (Core Web Vitals, Suspense)
- Ensuring Accessibility (A11y, ARIA)
Workflow
- Architecture: Decide Component Interaction (Client vs Server).
- Implementation: Write clean, typed (TypeScript) components using Tailwind.
- State: Use URL for shareable state, React Query for server state, Zustand for client global.
- Optimization: Add Suspense boundaries,
useOptimisticfor instant feedback.
Instructions
More from mileycy516-stack/skills
trading-psychology-coach
High-performance mental coach for traders. implementation of "Mental Hand History", A-Game/C-Game mapping, and probabilistic thinking protocols. Use PROACTIVELY to analyze behavior, reduce tilt, and optimize the Human OS.
53vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
6context-manager
Elite AI context engineering specialist mastering dynamic context management, vector databases, knowledge graphs, and intelligent memory systems. Orchestrates context across multi-agent workflows, enterprise AI systems, and long-running projects.
4design-system-architect
Master design system architecture to create consistent, maintainable, and scalable UI foundations. Establish design tokens, theming hierarchies, type scales, and brand identity codes.
4backend-architect
Expert backend architect specializing in scalable API design, microservices architecture, and distributed systems. Masters REST/GraphQL/gRPC APIs, event-driven architectures, service mesh patterns, and modern backend frameworks.
4backend-security-coder
Expert in secure backend coding practices specializing in input validation, authentication, and API security. Use PROACTIVELY for backend security implementations or security code reviews.
4