react-page-scaffolder
CommunityScaffold React pages, build UIs faster.
Authorokgoogle13
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Setting up new React pages with their corresponding .tsx, .module.css, and index.tsx files is a repetitive boilerplate task. This skill automates the creation of a complete page directory, ensuring consistency and saving valuable development time.
Core Features & Use Cases
- Automated Page Creation: Generates a new React page directory in
src/pages/with all necessary files (.tsx,.module.css,index.tsx) and basic boilerplate. - Standardized Structure: Ensures consistent file naming (PascalCase for component, lowercase for directory) and directory organization, promoting maintainability and readability.
- Quick Setup: Provides a ready-to-use page structure, allowing developers to immediately start implementing page-specific logic and UI.
- Use Case: When adding a new view or section to your application (e.g., a dashboard, settings page, or profile page), use this skill to instantly create the foundational files, saving manual setup time.
Quick Start
Create a new React page named 'Dashboard' in the 'src/pages/' directory.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: react-page-scaffolder Download link: https://github.com/okgoogle13/careercopilot/archive/main.zip#react-page-scaffolder Please download this .zip file, extract it, and install it in the .claude/skills/ directory.