Skills
.Work. You
Rest

scaffold-flat

Community

Generate React components with co-located tests.

Software Engineering#typescript#testing#react#scaffold#component#co-located tests#flat structure
Authorsf-bcca
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Generates React components and their co-located tests following the project's Flat Structure (no src/ folder), eliminating repetitive boilerplate and ensuring consistency across UI code.

Core Features & Use Cases

  • Flat structure: no src/ directory; components and tests live in the root component folders.
  • Co-located tests: unit tests sit next to components (e.g., Header.tsx and Header.test.tsx).
  • Strict typing: all components use React.FC<Props> and defined interfaces.
  • Deterministic scaffolding: outputs a ready-to-run component scaffold and its test file.
  • Example: creating a UserProfile yields components/UserProfile.tsx and components/UserProfile.test.tsx.

Quick Start

Create a new component by running the scaffold script, for example: node .gemini/skills/scaffold-flat/scripts/create_component.cjs UserProfile

Dependency Matrix

Required Modules

None required

Components

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: scaffold-flat
Download link: https://github.com/sf-bcca/PromptArchitect-Studio/archive/main.zip#scaffold-flat

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 223,000+ vetted skills library on demand.