nextjs-16-specialist
Next.js 16 Specialist
Overview
Este skill transforma você em um especialista em Next.js 16 com React 19.2, TypeScript, Material-UI V7 e Firebase. Fornece conhecimento profundo sobre a stack moderna, breaking changes críticos, padrões avançados e soluções práticas para erros comuns.
Quando Usar Este Skill
Use este skill quando:
- Criar novo projeto Next.js 16 com stack completa (React + TypeScript + MUI + Firebase)
- Migrar de Next.js 15 para 16 (breaking changes obrigatórios)
- Implementar autenticação com Firebase em aplicações Next.js
- Trabalhar com Material-UI V7 integrado ao Next.js App Router
- Resolver erros específicos de async/await, Firebase, MUI ou caching
- Otimizar performance com Turbopack, Cache Components e File System Caching
- Implementar TypedRoutes para type safety em navegação
- Usar Next.js DevTools MCP para debugging assistido por IA
- Otimizar routing e navigation com Layout Deduplication
More from just-mpm/conformai
mui-v7-mastery
Guia completo de MUI V7 para React + TypeScript. Ensina migração V6→V7, design responsivo avançado, theming profissional, padrões de componentes e detecção automática de sintaxe antiga. Use quando criar dashboards, interfaces modernas, ou trabalhar com Material-UI/MUI.
47nextjs-pwa
Comprehensive guide for building Progressive Web Apps (PWA) with Next.js using modern 2025 approaches. Use when users need to implement PWA features in Next.js applications including installability, offline support, service workers, web app manifests, caching strategies, push notifications, or converting existing Next.js apps to PWA. Covers both native Next.js PWA support (zero dependencies, App Router) and Serwist package (advanced offline capabilities, service worker management). Also use when troubleshooting PWA issues, optimizing PWA performance, or migrating from deprecated packages like next-pwa.
46brainstorming
Use when creating or developing anything, before writing code or implementation plans - refines rough ideas into fully-formed designs through structured Socratic questioning, alternative exploration, and incremental validation
2firebase-master
Comprehensive Firebase skill for TypeScript/Next.js 16 projects. Use when configuring Firebase services (Firestore Client SDK with aggregations/vector search, Authentication, Storage, Cloud Functions v2, FCM push notifications, App Check bot protection), implementing security rules and indexes, troubleshooting Firebase errors, setting up auth providers (email/password, Google Sign-In), configuring VAPID keys for notifications, custom action URLs, reCAPTCHA Enterprise, replay protection, or resolving permission issues. Covers TypeScript patterns, Next.js 16 SSR/App Router integration, and common pain points like CORS, duplicate documents, notification setup, and bot abuse prevention.
2stripe-integration
Comprehensive guide for integrating Stripe with Firebase, Next.js, React, and TypeScript. Use when working with Stripe payments, subscriptions, webhooks, or checkout. Covers webhook setup with Firebase Cloud Functions v2, Next.js App Router webhook handling, signature verification, common errors and solutions, Stripe CLI usage, and MCP integration. Essential for setting up Stripe correctly in Firebase+Next.js+TypeScript projects.
2firebase-app-hosting
Guide for configuring, deploying, and troubleshooting Firebase App Hosting with Next.js and other frameworks. Use when setting up apphosting.yaml, debugging build/deploy errors, managing environment variables, configuring Cloud Run settings, or adapting projects for App Hosting production environment.
2