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. web-vue-vite
TypeScript

Web app with Vue and Vite

Official Verifiedv1.0.0

web-vue-vite

Vue's official template: Vue 3 with TypeScript, Vue Router, Pinia, tests with Vitest and ESLint, on Vite.

vuevitepinia
Installs
0
People
0
Skills
25
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.

Animation

Skills

24 will be installed for your agent.

SkillRisk
Low
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 commands2 filesfirst commit

  1. Create the base project$ npx -y create-vue@latest web-vue-vite --ts --router --pinia --vitest --eslint
  2. Install base dependencies$ npm install
  3. Install skills from 13 repositories
    • vuejs-ai/skills
    • antfu/skills
    • anthropics/skills
    • pbakaus/impeccable
    • vercel-labs/agent-skills
    • 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
  4. Write 2 files
    • AGENTS.md
    • CLAUDE.md
  5. Initial commit

Install

24 skills

$ npx create-first-commit@latest web-vue-vite

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

What's included

Rules in AGENTS.md
Design packEssential skills
Dependencies
—
MCP servers
—
Environment variables
—
Files
—
$ npx create-first-commit@latest web-vue-vite
vue-router
typescript

Details

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

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.

Animation

Skills

24 will be installed for your agent.

SkillRisk
Low
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 commands2 filesfirst commit

  1. Create the base project$ npx -y create-vue@latest web-vue-vite --ts --router --pinia --vitest --eslint
  2. Install base dependencies$ npm install
  3. Install skills from 13 repositories
    • vuejs-ai/skills
    • antfu/skills
    • anthropics/skills
    • pbakaus/impeccable
    • vercel-labs/agent-skills
    • 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
  4. Write 2 files
    • AGENTS.md
    • CLAUDE.md
  5. Initial commit

Install

24 skills

$ npx create-first-commit@latest web-vue-vite

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

What's included

Rules in AGENTS.md
Design packEssential skills
Dependencies
—
MCP servers
—
Environment variables
—
Files
—

Details

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