feature-scaffolding

What problem does it solve?

Scaffolds new feature pages following project patterns. Use when creating new pages, features, routes, or when user asks to set up a new section. Works with component-organization skill for structure.

Core Features & Use Cases

• Standard structure: Provides the standard src/features/{feature-name}/ layout including page.tsx, a components/ directory with component-name.tsx files, and optional types.ts.
• Guided templates: Enforces one component per file, kebab-case filenames, and named exports to ensure consistency.
• Use Case: When expanding the app with a new feature or route, it rapidly generates a cohesive starting point that follows established patterns.

Quick Start

Create a new feature by adding a folder under src/features/{feature-name}/ with page.tsx, a components/ directory, and optional types.ts as needed. For example, to scaffold a dashboard feature, create src/features/dashboard/ with page.tsx and components/dashboard-widget.tsx.