skills.rest
jubscodes
jubscodesCOMMUNITY
Explore all skills by this author →
GitHub

gsp-scaffold

Set up Next.js, Vite, or React Native projects with Tailwind and shadcn/ui, then verify the build.

49|4|Updated Feb 20, 2026
Search Tags:#dependencies#setup#tailwind#stack#shadcn#build verification
One-click install
npx skills add https://github.com/jubscodes/get-shit-pretty --skill gsp-scaffold
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsp-scaffold
Source: https://github.com/jubscodes/get-shit-pretty/tree/main/gsp/skills/gsp-scaffold
Command: npx skills add https://github.com/jubscodes/get-shit-pretty --skill gsp-scaffold

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many projects lack a deterministic, repeatable process to bootstrap the tech stack, install configurations, and ensure the build succeeds, leading to wasted time and inconsistent environments.

Core Features & Use Cases

  • Config parsing & project resolution: Detects the target project and reads its configuration files.
  • Stack compliance validation: Compares live dependencies against declared STACK.md and prompts on divergences.
  • Framework initialization: Sets up Next.js, Vite, or React Native projects with Tailwind and shadcn/ui, handling both greenfield and existing codebases.
  • Component installation from manifests: Installs shadcn components or React Native blocks as defined in an install manifest.
  • Build verification & logging: Runs the appropriate build command, captures results, and writes a detailed SCAFFOLD-LOG.md.

Quick Start

Run /gsp-scaffold in your repository to automatically set up the stack and generate a scaffold log.

Frequently Asked Questions about gsp-scaffold

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

FAQPage Schema
How do I set up a Next.js or Vite project with Tailwind and shadcn/ui?▼

You can set up a project with Tailwind and shadcn/ui by running the scaffold command, which initializes the framework, parses configurations, installs declared components, and verifies the build compiles successfully.

What is the best way to verify a build compiles after installing dependencies?▼

The best way to verify a build after installing dependencies is to run the project's appropriate build command, capture the compilation results, and generate a SCAFFOLD-LOG.md file detailing the verification outcome.

Can I use this to install shadcn components in an existing codebase?▼

Yes, you can install shadcn components in an existing codebase. The skill handles both greenfield and existing projects by reading configuration files, resolving the target project, and installing components defined in an install manifest.

How do I check if my installed dependencies match my declared tech stack?▼

To check if installed dependencies match your declared tech stack, the skill performs stack compliance validation by comparing live dependencies against a STACK.md file and prompting you when divergences are detected.

Does this scaffolding process work with React Native and shadcn/ui blocks?▼

Yes, the scaffolding process works with React Native. It sets up React Native projects using Tailwind and installs designated React Native blocks as defined in your installation manifest.

Related Skills

Explore More Software Engineering Skills→
justinlevinedotmejustinlevinedotme
7

vite-shadcn-tailwind4

Initialize shadcn/ui with Tailwind v4 in Vite projects.

Community
Advanced
ClipboardHealthClipboardHealth
66

flaky-test-debugger

Diagnose intermittent test failures and recommend fixes from logs and code.

Official
Advanced
cuiosscuioss
1

cui-javascript-linting

Configure ESLint, Prettier, and StyleLint for JavaScript projects.

Community
Advanced
Eng0AIEng0AI
15

nextjs-blog-netlify

Provision a Next.js blog with Tailwind CSS and deploy to Netlify.

Official
Basic