nextjs-app-router-component-generator
OfficialApp Router components generator with client rules.
Software Engineering#components#nextjs#generate#app-router#server-components#client-components#use-client
Authordfrabik
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Next.js App Router component generator helps you automatically create components with correct 'use client' directives to align with the server/client boundaries and prevent Turbopack build errors.
Core Features & Use Cases
- Generate client components with proper 'use client' directives when interactivity is required.
- Enforce the "Leaves are client, roots are server" rule to optimize rendering and avoid build-time issues.
- Use cases include creating UI primitives, forms, and interactive widgets within Next.js App Router architecture.
Quick Start
Describe the component you want and specify if it needs interactivity.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: nextjs-app-router-component-generator Download link: https://github.com/dfrabik/dev-portfolio/archive/main.zip#nextjs-app-router-component-generator Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.