React Page Scaffolder

Creates a complete React page directory (page.tsx, index.ts, styles.css) with routing integration. Use when asked to create a new page, view, or route handler that combines components and layouts.

majiayu000 Updated 567 repo stars

File contents

React Page Scaffolder Workflow

  1. Ask the user for the new page name in PascalCase (e.g., UserProfile).
  2. Make the helper script executable: chmod +x .claude/skills/react-page-scaffolder/scripts/create-page.sh
  3. Execute the scaffolding script: .claude/skills/react-page-scaffolder/scripts/create-page.sh {{PAGE_NAME}}
  4. Report the full output of the script to the user.

majiayu000/claude-skill-registry-data/tree/main/development/react-page-scaffolder commit 2ac7bf3408

Frequently asked questions

npx skillmds@latest add majiayu000/react-page-scaffolder