Sviluppo App Router Next.js con TypeScript. Componenti server, azioni server, memorizzazione nella cache, MUI. Da utilizzare durante la creazione di pagine, componenti, il recupero di dati o la creazione di funzionalità.
Installa rapidamente la skill AI frontend-development nel tuo ambiente di sviluppo tramite riga di comando
Fonte: carvalab/k-skills.
Next.js (latest) App Router with TypeScript. Server-first architecture.
Related Skills: vercel-react-best-practices - USE THIS for performance (bundle size, waterfalls, caching, re-renders, memoization) Check .claude/CLAUDE.md for project-specific conventions Check .cursor/rules/ for project-specific conventions MCP: Use next-devtools MCP server if available for debugging, route inspection, and build analysis.
| New page | Server Component by default | | Data fetching | Server Component async fetch | | Mutations | Server Actions + Zod + revalidatePath | | Styling | MUI sx prop, inline if <100 lines | | State | Server = fetch, Client = useState only when needed |
Sviluppo App Router Next.js con TypeScript. Componenti server, azioni server, memorizzazione nella cache, MUI. Da utilizzare durante la creazione di pagine, componenti, il recupero di dati o la creazione di funzionalità. Fonte: carvalab/k-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/carvalab/k-skills --skill frontend-developmentSviluppo App Router Next.js con TypeScript. Componenti server, azioni server, memorizzazione nella cache, MUI. Da utilizzare durante la creazione di pagine, componenti, il recupero di dati o la creazione di funzionalità. Fonte: carvalab/k-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/carvalab/k-skills --skill frontend-development Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/carvalab/k-skills