first-commit
KitsStacksBrandsDocsChangelog
GitHub1
first-commit

Projects ready for your agent from the first commit.

Skills come from skills.sh

Made with by Marlon Chaviano

Explore

  • Kits
  • Stacks
  • Brands
  • Changelog

Docs

  • Introduction
  • CLI
  • Create a kit
  • API
  • FAQ

Project

  • About
  • Contact
  • Privacy
  • Terms
  • Content policy
  • GitHub
  1. kits
  2. spa-vite-react
TypeScript

SPA with Vite and React

Official Verifiedv1.1.0

spa-vite-react

React + TypeScript with Vite and Tailwind CSS: instant startup and fast builds, no server. For dashboards, internal tools and API frontends.

react
Installs
0
People
0
Skills
30
Web
TypeScriptTypeScript

Project

Its name, which agents, and which package manager.

Agents

Package manager

Stack

Pick the pieces; your agent gets the rule to use only these.

UI components

Animation

Global state

Server data

Forms and validation

Skills

23 will be installed for your agent.

SkillRisk
Low
Low

What will run

The CLI's exact steps with these options, in order. It shows them again and waits for your yes before running anything.

15 commands6 filesfirst commit

  1. Create the base project$ npx create-vite@latest spa-vite-react --template react-ts --no-interactive
  2. Install base dependencies$ npm install
  3. Add dev dependencies$ npm install -D tailwindcss @tailwindcss/vite
  4. Write 4 files
    • vite.config.ts
    • tsconfig.json
    • tsconfig.app.json
  5. Install skills from 12 repositories
    • antfu/skills
    • vercel-labs/agent-skills
    • anthropics/skills
    • pbakaus/impeccable
    • nextlevelbuilder/ui-ux-pro-max-skill
    • emilkowalski/skills
    • addyosmani/web-quality-skills
    • obra/superpowers
    • addyosmani/agent-skills
    • mattpocock/skills
    • vercel-labs/skills
    • Marlon-Chaviano/first-commit
  6. Write 2 files
    • AGENTS.md
    • CLAUDE.md

Install

2 dependencies · 23 skills

$ npx create-first-commit@latest spa-vite-react

Add --dry-run to see the plan without running anything.

What's included

Rules in AGENTS.md
Design packEssential skills
Dependencies
tailwindcss@tailwindcss/vite
MCP servers
—
Environment variables
—
Files
vite.config.tstsconfig.jsontsconfig.app.jsonsrc/index.css
$ npx create-first-commit@latest spa-vite-react
vite
spa
tailwind
typescript

Details

Author
MCMarlon Chaviano
Verification
Verified
Platforms
✓ macOS · ✓ Linux
Badge
first-commit: installs of spa-vite-react

Project

Its name, which agents, and which package manager.

Agents

Package manager

Stack

Pick the pieces; your agent gets the rule to use only these.

UI components

Animation

Global state

Server data

Forms and validation

Skills

23 will be installed for your agent.

SkillRisk
Low
Low

What will run

The CLI's exact steps with these options, in order. It shows them again and waits for your yes before running anything.

15 commands6 filesfirst commit

  1. Create the base project$ npx create-vite@latest spa-vite-react --template react-ts --no-interactive
  2. Install base dependencies$ npm install
  3. Add dev dependencies$ npm install -D tailwindcss @tailwindcss/vite
  4. Write 4 files
    • vite.config.ts
    • tsconfig.json
    • tsconfig.app.json
  5. Install skills from 12 repositories
    • antfu/skills
    • vercel-labs/agent-skills
    • anthropics/skills
    • pbakaus/impeccable
    • nextlevelbuilder/ui-ux-pro-max-skill
    • emilkowalski/skills
    • addyosmani/web-quality-skills
    • obra/superpowers
    • addyosmani/agent-skills
    • mattpocock/skills
    • vercel-labs/skills
    • Marlon-Chaviano/first-commit
  6. Write 2 files
    • AGENTS.md
    • CLAUDE.md

Install

2 dependencies · 23 skills

$ npx create-first-commit@latest spa-vite-react

Add --dry-run to see the plan without running anything.

What's included

Rules in AGENTS.md
Design packEssential skills
Dependencies
tailwindcss@tailwindcss/vite
MCP servers
—
Environment variables
—
Files
vite.config.tstsconfig.jsontsconfig.app.jsonsrc/index.css

Details

Author
MCMarlon Chaviano
Verification
Verified
Platforms
✓ macOS · ✓ Linux
Badge
first-commit: installs of spa-vite-react
$ npx create-first-commit@latest spa-vite-react