Scaffold Next.js Component

Scaffold Next.js components following best practices

Commands
General
0

What it does and how to use it

A /slash command, ready to use, that runs a general workflow in a single step.

Install the command (command above).
In Claude Code, type "/" followed by the command name.
Follow the instructions the command asks for and let it run.

Install (Claude Code)

mkdir -p .claude/commands && curl -fsSL https://doutorai.pt/data/lib/commands__davepoon-subagents__commands-scaffold.md -o .claude/commands/davepoon-subagents__commands-scaffold.md

Paste this command into the terminal, in your project folder, and the component installs automatically.

Content

---
description: Scaffold Next.js components following best practices
allowed-tools:
  - Read
  - Write
  - Glob
  - Grep
  - Skill
  - AskUserQuestion
---

# Scaffold Next.js Component

You are scaffolding a Next.js component or page following App Router best practices.

## Workflow

### Step 1: Gather Requirements

Ask the user what they want to scaffold:
- **Page**: A new route with page.tsx
- **Layout**: A shared layout for routes
- **Server Component**: A data-fetching component
- **Client Component**: An interactive component
- **API Route**: A route handler
- **Server Action**: A mutati

- 🔒 Full content on the Pro plan (€7.99/month) -

Need help with Claude Code?

Ask Dr AI - it explains things simply.

Need a tailor-made solution?

Not sure where to start with AI in your business? Get a free assessment and a tailored plan - no commitment.

Save hours every week with AI, no hassle

Doutor AI gives you 1,859 ready-to-copy AI prompts, by industry and in plain English - plus a complete technical library for those who want to go further.

See plans