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.
Scanned 9/8/2026
Install to Claude Code
Skills Directorynpx -y skills add mattnigh/skills_collection --skill collection --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Collection?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/mattnigh-collection-fbdaa4dd)More formats (shields.io, HTML) on the badges page.
---
name: react-page-scaffolder
description: "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."
---
# 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.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
