Claude Code Skills·Claude Skills·The open SKILL.md registry for Claude
ClaudSkills / Dev Tools / scaffolders

React App Scaffold And Runtime

Category: Dev Tools  ·  Sub-category: scaffolders  ·  Last updated:
fw:reacttype:generator
Use when creating, modernizing, or production-hardening a standalone React SPA after frontend architecture is approved or intentionally deferred. Produces a production-ready app shell with Vite (or Webpack) project layout, environment and profile handling, top-level and route-level error boundaries, a structured logging client, RUM and error-reporting wiring, the auth provider/wrapper baseline downstream skills extend, CSP and security-header posture via host config, and container or static-CDN packaging. Do not use for routing topology, rendering strategy, state or data-fetching wiring, design-system integration, performance budgeting, or SSR/meta-framework scaffolding; use the other react archetype skills or the nextjs stack instead.

What this skill does

React App Scaffold And Runtime is a community-contributed Claude Code skill in the scaffolders sub-category. It ships as a SKILL.md file that Claude Code auto-discovers under ~/.claude/skills/react-app-scaffold-and-runtime/ and loads when your prompt matches the skill's trigger.

When to invoke it: Use when creating, modernizing, or production-hardening a standalone React SPA after frontend architecture is approved or intentionally deferred. Produces a production-ready app shell with Vite (or Webpack) project layout, environment and profile handling, top-level and route-level error boundaries, a structured logging client, RUM and error-reporting wiring, the auth provider/wrapper baseline downstream skills extend, CSP and security-header posture via host config, and container or static-CDN packaging.

Who uses this skill

The React App Scaffold And Runtime Claude Code skill is built for developers, power users, and teams automating repetitive workflows and improving developer experience. It's part of ClaudSkills (also referred to as Claude Skills or Claude Code Skills) — the open community-curated registry of 69,000+ SKILL.md files for Anthropic's Claude Code agent and the wider Claude ecosystem (Claude API, Claude Agent SDK).

How to install

Free

Manual install (2 steps)

mkdir -p ~/.claude/skills/react-app-scaffold-and-runtime
curl -L https://claudskills.com/skills/react-app-scaffold-and-runtime/SKILL.md \
  -o ~/.claude/skills/react-app-scaffold-and-runtime/SKILL.md

Or just download SKILL.md directly and drop it into ~/.claude/skills/react-app-scaffold-and-runtime/. Claude Code auto-discovers it on next session.

Skills live at ~/.claude/skills/react-app-scaffold-and-runtime/SKILL.md on macOS/Linux, or %USERPROFILE%\.claude\skills\react-app-scaffold-and-runtime\SKILL.md on Windows. See the full install guide for step-by-step instructions.

Pro

One-click install via the desktop app

The ClaudSkills desktop app installs any skill directly into ~/.claude/skills/ with one click — no terminal required. Pro starts at $9/mo or $149 lifetime.

Pro

For the full experience including quality scoring and one-click install features for each skill — upgrade to Pro.

See pricing → Download desktop app

Attribution & license

More Dev Tools skills

Browse all Dev Tools skills in the ClaudSkills registry, or explore these other picks from the same category:

Browse all Dev Tools skills → Top 100 skills
Part of ClaudSkills — the open registry for Claude Skills & Claude Code Skills.  ·  What's New  ·  Install guide  ·  About  ·  llms.txt

Part of Acreator Store — Adam Lankamer's AI tools: PerfectStudio · Ucaption · UTagger · AutoXPoster · TestYourSkills · AutomationFlows · Au Naturel

Categories

Use cases

Popular tags

Learn

Site