scaffold

Generate project-aware TypeScript/JavaScript source files from existing codebase exemplars.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/mferris77/SpringBoard --skill scaffold-mferris77
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: scaffold
Source: https://github.com/mferris77/SpringBoard/tree/main/vscode-citadel-harness/skills/scaffold
Command: npx skills add https://github.com/mferris77/SpringBoard --skill scaffold-mferris77

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffold eliminates the repetitive, error-prone work of creating new source files that do not follow a project's established naming, import/export, testing, and wiring conventions by inferring and replicating those patterns automatically.

Core Features & Use Cases

  • Exemplar-driven generation: Finds 2+ existing exemplars of the requested type and derives file naming, imports, exports, and internal structure from them.
  • End-to-end wiring: Creates the main file and any required auxiliary files (types, tests, barrels) and wires them into existing registration points like index barrels or route registries.
  • Validation and safety: Verifies syntax/importability and runs typecheck or manual verification steps, and prompts before overwriting existing files.

Quick Start

Use the scaffold skill to generate a new component named SettingsPanel that matches existing conventions and is wired into the project's barrels and routes.

Frequently Asked Questions about scaffold

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate new TypeScript files that match my existing project conventions?

Scaffolding project-aware source files requires locating at least two existing exemplar files of the requested type in your codebase. The skill derives naming, import, and export conventions from these exemplars to produce matching TypeScript or JavaScript files.

How do I automatically wire new components into barrel exports and route registries?

End-to-end wiring updates index barrels and route registries automatically when generating new TypeScript modules. The scaffold skill creates auxiliary files and modifies existing registration points to integrate new components without manual export updates.

Can I use this scaffolding approach for monorepos with multiple TypeScript packages?

Yes, the scaffold skill applies to TypeScript and JavaScript monorepos where exemplar files exist. It extracts naming and wiring conventions from existing codebase patterns to produce consistent source files across multiple packages.

What's the best way to ensure generated code follows existing test patterns in a codebase?

Exemplar-driven generation ensures new files follow existing test patterns by locating two or more exemplar files and extracting their testing conventions. The scaffold skill replicates these patterns and validates the output via typecheck or manual verification.

Does the file generation process validate TypeScript syntax before writing to disk?

Yes, the scaffold skill verifies syntax and importability by running typecheck or manual verification steps after generating files. It also prompts before overwriting existing files to prevent accidental data loss during the generation process.