·frontend-development
</>

frontend-development

carvalab/k-skills

Next.js App Router development with TypeScript. Server Components, Server Actions, caching, MUI. Use when creating pages, components, fetching data, or building features.

6Installs·0Trend·@carvalab

Installation

$npx skills add https://github.com/carvalab/k-skills --skill frontend-development

SKILL.md

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 |

Next.js App Router development with TypeScript. Server Components, Server Actions, caching, MUI. Use when creating pages, components, fetching data, or building features. Source: carvalab/k-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/carvalab/k-skills --skill frontend-development
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is frontend-development?

Next.js App Router development with TypeScript. Server Components, Server Actions, caching, MUI. Use when creating pages, components, fetching data, or building features. Source: carvalab/k-skills.

How do I install frontend-development?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/carvalab/k-skills --skill frontend-development Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/carvalab/k-skills