Full-Stack Developer
FeaturedThe Full-Stack Developer combines essential web development skills:
- React Best Practices: 40+ optimization rules from Vercel Engineering
- Next.js Best Practices: Build high-performance Next.js applications
- Composition Patterns: Scalable component architecture
- Test-Driven Development: Write tests first, develop with confidence
- Systematic Debugging: Methodical approach to finding and fixing bugs
- Web App Testing: Comprehensive testing strategies for quality assurance
Ideal for web developers, full-stack engineers, and development teams.
Included Skills (6)
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.
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
Use when implementing any feature or bugfix, before writing implementation code
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.