react-project-scaffolder

Scaffold React projects with TypeScript, testing, and CI/CD configurations.

7|3|Updated Oct 19, 2025
One-click install
npx skills add https://github.com/cskiro/annex --skill react-project-scaffolder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-project-scaffolder
Source: https://github.com/cskiro/annex/tree/main/skills/react-project-scaffolder
Command: npx skills add https://github.com/cskiro/annex --skill react-project-scaffolder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill scaffolds production-ready React projects with production-grade tooling, testing, CI/CD, and TypeScript strict mode.

Core Features & Use Cases

  • Three Modes: Sandbox, Enterprise, and Mobile with appropriate tooling.
  • Standards-Driven: TypeScript strict mode, Testing Trophy, 80% coverage, and conventional commits.
  • CI/CD & Quality: Preconfigured linting, testing, and GitHub Actions templates.

Quick Start

Ask to scaffold a React project and specify the mode to generate the full project skeleton.

Frequently Asked Questions about react-project-scaffolder

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

FAQPage Schema
How do I scaffold a production-ready React project with TypeScript and testing?

Scaffolding a production-ready React project automates the creation of a fully configured project with TypeScript strict mode, ESLint, Prettier, Vitest, React Testing Library, and 80% test coverage enforcement built in. This Skill generates the complete project structure in Sandbox, Enterprise, or Mobile mode depending on your needs.

What's the difference between Sandbox, Enterprise, and Mobile modes?

Sandbox mode uses Vite and React for quick experiments, Enterprise mode uses Next.js for production apps, and Mobile mode uses Expo for cross-platform mobile development. Each mode applies the same testing and CI/CD standards but with framework-specific tooling and configurations.

Does this include CI/CD and GitHub Actions setup?

Yes, CI/CD readiness is built in with preconfigured GitHub Actions templates and conventional commits enforcement. The scaffolded project is ready to integrate with your repository for automated testing and deployment workflows.

Can I use this to set up a Next.js project with testing configured?

Yes, select Enterprise mode to scaffold a Next.js project with TypeScript strict mode, ESLint, Prettier, Vitest, React Testing Library, and GitHub Actions templates already configured for production use.

What testing standards does the scaffolded project enforce?

The Testing Trophy approach is enforced with Vitest and React Testing Library, requiring 80% test coverage across unit, integration, and component tests. ESLint and Prettier maintain code quality standards automatically.

Do I need to configure linting and formatting after scaffolding?

No, linting with ESLint and code formatting with Prettier are preconfigured and enforced immediately. The scaffolded project is ready to use without additional tooling setup.