# Production-ready SPA scaffold (/web--spa-scaffold)

/web--spa-scaffold is a Claude Code skill in the Web & Design section. Scaffolds a production-grade single-page app: it picks the stack from your requirements and adds code splitting, error states and accessibility.

- Web version: https://skills.sgomez.dev/en/s/web--spa-scaffold
- Section: [Web & Design](https://skills.sgomez.dev/en/web.md)
- Author: Santiago Gómez de la Torre
- License: MIT
- Source: https://github.com/sgomez-dev/claude-skills/blob/main/skills/web/spa-scaffold.md
- Updated 27 Mar 2026

## How to ask for it

- `/web--spa-scaffold scaffold a React SPA for my project`
- `/web--spa-scaffold set up a well-architected app skeleton`
- `/web--spa-scaffold generate a production-ready SPA with a polished UI`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```

Claude Code plugin:

```
/plugin marketplace add sgomez-dev/claude-skills
/plugin install web-skills@claude-skills-collection
```

## Permissions

- Reads: `**/*`
- Writes: `**/*`
- Runs: `npm install`, `npx`, `pnpm add`, `yarn add`, `npm run build`, `npm run dev`
- Network: Yes
- Destructive: No

## Author's description

Scaffold a production-grade SPA with elite architecture, stunning UI, and real-world patterns

- [How we review this](https://skills.sgomez.dev/en/methodology.md)