skills.rest
gaurangrshah
gaurangrshahCOMMUNITY
Explore all skills by this author →
Website𝕏@Soham_AsmiGitHub

project-scaffold

Scaffolds React+Vite, Astro, and Next.js projects with Tailwind and component classes.

Updated Dec 13, 2025
Search Tags:#react#next.js#scaffold#vite#tailwind#astro
One-click install
npx skills add https://github.com/gaurangrshah/gsc-plugins --skill project-scaffold-gaurangrshah
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: project-scaffold
Source: https://github.com/gaurangrshah/gsc-plugins/tree/main/plugins/webgen/skills/project-scaffold
Command: npx skills add https://github.com/gaurangrshah/gsc-plugins --skill project-scaffold-gaurangrshah

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pnpm, git, and includes scripts (resource) components.

What problem does it solve?

This skill reduces repetitive setup work by provisioning standardized starter projects for React+Vite, Astro, and Next.js with a cohesive design system and a consistent file structure.

Core Features & Use Cases

  • Executable scripts that bootstrap modern web apps with official CLIs (Vite, Next.js, Astro) and integrate Tailwind with a shared design system.
  • Preconfigured project layouts, CSS variables, and a changelog to accelerate onboarding for new apps, portfolios, marketing sites, or internal dashboards.
  • Use Case: A team wants a ready-to-run starter for a product site; choose a stack (React+Vite, Astro, or Next.js) and generate a repo with design-system components and initial git history.

Quick Start

Run one of the setup scripts with your project name to scaffold a starter stack.

Frequently Asked Questions about project-scaffold

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

FAQPage Schema
How do I scaffold a React or Next.js project with Tailwind preconfigured?▼

To scaffold a React or Next.js project with Tailwind, run the setup scripts to bootstrap a starter using official CLIs and apply a shared design system with CSS variables and component classes.

Can I generate a starter for an Astro marketing site with a unified design system?▼

Yes, you can generate an Astro starter for marketing sites. The scripts bootstrap official Astro CLI projects and integrate Tailwind with preconfigured CSS variables for a cohesive design system.

Do I need pnpm and git to set up a Vite or Next.js app?▼

Yes, you need pnpm and git available. Pnpm initializes the project dependencies while git sets up the initial repository history and changelog required by the scaffolding scripts.

What is included when scaffolding a product dashboard with React and Vite?▼

Scaffolding a product dashboard with React and Vite includes a standardized file structure, Tailwind integration, shared design system components, CSS variables, and an initial changelog for onboarding.

What's the best way to bootstrap a documentation portal with Astro?▼

The best way to bootstrap an Astro documentation portal is using the scaffold scripts to generate a ready-to-run repository with a consistent file structure and integrated Tailwind design system.

Why does the scaffold script create an initial changelog and git history?▼

The scaffold script creates an initial changelog and git history to accelerate onboarding for new apps, portfolios, or internal dashboards by providing a standardized starting point.

Related Skills

Explore More Software Engineering Skills→
alansmelloalansmello

speckit-git-initialize

Initialize a Git repository with an initial commit in Bash or PowerShell.

Community
Intermediate
almazomalmazom

frontend-dev

Coordinate design, motion, AI assets, and copywriting to build React/Next.js pages.

Community
Advanced
pyqdeckpyqdeck
1

clerk

Route Clerk authentication flows across supported frontend frameworks.

Community
Advanced
luicabref97luicabref97

ckm:ui-styling

Generate accessible Tailwind-styled React UI components and responsive layouts.

Community
Intermediate