first-commit
KitsStacksBrandsDocsChangelog
GitHubStar
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-next
TypeScript

Web app with Next.js

Officialv1.0.1

web-next

A full Next.js app (App Router, TypeScript, Tailwind and shadcn/ui) ready to grow: add auth, a database, payments, email or AI from the catalog.

nextjsreact
Installs
0
People
0
Skills
124
Web
TypeScriptTypeScript

What you get

The stack

+

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

Add-on libraries

Animation

Global state

Server data

Forms and validation

Authentication

Database

Payments

Transactional email

Languages (i18n)

AI

Observability

Tests

Code quality

Continuous integration

Deployment

Skills

30 will be installed for your agent.

SkillRisk
Low
Low
Low
Low
Medium
Low
Critical
Medium
Medium

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.

16 commands4 filesfirst commit

  1. Create the base project$ npx create-next-app@latest web-next --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --disable-git --no-agent-feedback --yes
  2. Set upoptional$ npx shadcn@latest init --defaults --yes
  3. Install skills from 14 repositories
    • vercel-labs/agent-skills
    • wshobson/agents
    • vercel/next.js
    • shadcn-ui/ui
    • 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
  4. Write 4 files
    • .mcp.json
    • AGENTS.md
    • CLAUDE.md
  5. Initial commit

Install

30 skills · 1 MCP

$ npx create-first-commit@latest web-next

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

What's included

Rules in AGENTS.md
shadcn/uiVercelDesign packEssential skills
Dependencies
—
MCP servers
shadcn
Environment variables
—
Files
—
First steps
1 tasks for the agent
$ npx create-first-commit@latest web-next
tailwind
shadcn
typescript
+
+
  • shadcn/ui
  • Vercel
  • Design pack
  • Essential skills

For your agent

30 skills, 1 MCP (shadcn) and the project's rules in AGENTS.md.

  • vercel-react-best-practices
  • vercel-composition-patterns
  • typescript-advanced-types
  • next-dev-loop
  • next-bundle-optimizer
  • nextjs-app-router-patterns
  • shadcn
  • deploy-to-vercel
  • vercel-cli-with-tokens
  • frontend-design
  • impeccable
  • web-design-guidelines
  • ui-ux-pro-max
  • emil-design-eng
  • accessibility
  • using-superpowers
  • brainstorming
  • writing-plans
  • executing-plans
  • systematic-debugging
  • test-driven-development
  • verification-before-completion
  • requesting-code-review
  • receiving-code-review
  • finishing-a-development-branch
  • security-and-hardening
  • grill-me
  • improve-codebase-architecture
  • find-skills
  • first-commit

Ready in

~1 min

Measured in CI with the defaults, including the install and the first build. Faster with a warm package cache.

Details

Author
MCmarlon-chaviano
Platforms
✓ macOS · ✓ Linux
Badge
first-commit: installs of web-next

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

Add-on libraries

Animation

Global state

Server data

Forms and validation

Authentication

Database

Payments

Transactional email

Languages (i18n)

AI

Observability

Tests

Code quality

Continuous integration

Deployment

Skills

30 will be installed for your agent.

SkillRisk
Low
Low
Low
Low
Medium
Low
Critical
Medium
Medium

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.

16 commands4 filesfirst commit

  1. Create the base project$ npx create-next-app@latest web-next --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --disable-git --no-agent-feedback --yes
  2. Set upoptional$ npx shadcn@latest init --defaults --yes
  3. Install skills from 14 repositories
    • vercel-labs/agent-skills
    • wshobson/agents
    • vercel/next.js
    • shadcn-ui/ui
    • 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
  4. Write 4 files
    • .mcp.json
    • AGENTS.md
    • CLAUDE.md
  5. Initial commit

Install

30 skills · 1 MCP

$ npx create-first-commit@latest web-next

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

What's included

Rules in AGENTS.md
shadcn/uiVercelDesign packEssential skills
Dependencies
—
MCP servers
shadcn
Environment variables
—
Files
—
First steps
1 tasks for the agent

Details

Author
MCmarlon-chaviano
Platforms
✓ macOS · ✓ Linux
Badge
first-commit: installs of web-next
$ npx create-first-commit@latest web-next