Skills
.Work. You
Rest

scaffold-page

Community

Rapid scaffolding for new UI pages.

Software Engineering#typescript#ui#react#scaffold#router#api-client#enum-alignment
Authorbbolek-ap
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Scaffolding a new React page can be error-prone and time-consuming. This guide standardizes the process, ensuring a page component, API client, TypeScript types, router entry, navigation link, and consistent layout and enum alignment across the frontend.

Core Features & Use Cases

  • Create a new page component following the project's conventions and file structure.
  • Add one API client function per endpoint the page consumes, with existing patterns for requests and error handling.
  • Generate TypeScript types from backend DTOs and align enums with backend Domain enums to keep frontend/backend in sync.
  • Ensure a router entry and navigation link are added in the same style as existing pages, with consistent loading and error conventions.

Quick Start

Follow the scaffolding checklist to add a new UI page that matches the app's current conventions.

Dependency Matrix

Required Modules

None required

Components

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: scaffold-page
Download link: https://github.com/bbolek-ap/new-ai-native/archive/main.zip#scaffold-page

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.