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. saas-ai-next
TypeScript

AI app with Next.js

Official Verifiedv1.0.1

saas-ai-next

An AI app ready to launch: streaming chat with the AI SDK and Claude, accounts with Better Auth, a Drizzle + Neon database and shadcn/ui.

ainextjsai-sdkclaudebetter-auth
Installs
0
People
0
Skills
47
SaaS
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

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

28 will be installed for your agent.

SkillRisk
Low
Critical
Medium
Low
Low
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.

19 commands13 filesfirst commit

  1. Create the base project$ npx create-next-app@latest saas-ai-next --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --disable-git --no-agent-feedback --yes
  2. Add dependencies$ npm install better-auth @better-auth/drizzle-adapter drizzle-orm @neondatabase/serverless ai @ai-sdk/anthropic @ai-sdk/react
  3. Add dev dependencies$ npm install -D drizzle-kit
  4. Write 9 files
    • src/app/chat/page.tsx
    • src/lib/auth.ts
    • src/lib/auth-client.ts
  5. Set upoptional$ npx shadcn@latest init --defaults --yes
  6. Install skills from 15 repositories
    • vercel-labs/agent-skills
    • shadcn-ui/ui
    • better-auth/skills
    • neondatabase/agent-skills
    • vercel/ai
    • 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

Install

8 dependencies · 28 skills · 1 MCP

$ npx create-first-commit@latest saas-ai-next

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

What's included

Rules in AGENTS.md
shadcn/uiBetter AuthDrizzle + NeonVercel AI SDKVercelDesign pack
Dependencies
better-auth@better-auth/drizzle-adapterdrizzle-orm@neondatabase/serverlessai@ai-sdk/anthropic
MCP servers
shadcn
Environment variables
BETTER_AUTH_SECRETBETTER_AUTH_URLDATABASE_URLANTHROPIC_API_KEY
Files
src/app/chat/page.tsxsrc/lib/auth.tssrc/lib/auth-client.tssrc/app/api/auth/[...all]/route.tsdrizzle.config.tssrc/db/index.ts
First steps
5 tasks for the agent
$ npx create-first-commit@latest saas-ai-next
streaming

Details

Author
MCMarlon Chaviano
Verification
Verified
Platforms
✓ macOS · ✓ Linux
Badge
first-commit: installs of saas-ai-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

28 will be installed for your agent.

SkillRisk
Low
Critical
Medium
Low
Low
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.

19 commands13 filesfirst commit

  1. Create the base project$ npx create-next-app@latest saas-ai-next --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --disable-git --no-agent-feedback --yes
  2. Add dependencies$ npm install better-auth @better-auth/drizzle-adapter drizzle-orm @neondatabase/serverless ai @ai-sdk/anthropic @ai-sdk/react
  3. Add dev dependencies$ npm install -D drizzle-kit
  4. Write 9 files
    • src/app/chat/page.tsx
    • src/lib/auth.ts
    • src/lib/auth-client.ts
  5. Set upoptional$ npx shadcn@latest init --defaults --yes
  6. Install skills from 15 repositories
    • vercel-labs/agent-skills
    • shadcn-ui/ui
    • better-auth/skills
    • neondatabase/agent-skills
    • vercel/ai
    • 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

Install

8 dependencies · 28 skills · 1 MCP

$ npx create-first-commit@latest saas-ai-next

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

What's included

Rules in AGENTS.md
shadcn/uiBetter AuthDrizzle + NeonVercel AI SDKVercelDesign pack
Dependencies
better-auth@better-auth/drizzle-adapterdrizzle-orm@neondatabase/serverlessai@ai-sdk/anthropic
MCP servers
shadcn
Environment variables
BETTER_AUTH_SECRETBETTER_AUTH_URLDATABASE_URLANTHROPIC_API_KEY
Files
src/app/chat/page.tsxsrc/lib/auth.tssrc/lib/auth-client.tssrc/app/api/auth/[...all]/route.tsdrizzle.config.tssrc/db/index.ts
First steps
5 tasks for the agent

Details

Author
MCMarlon Chaviano
Verification
Verified
Platforms
✓ macOS · ✓ Linux
Badge
first-commit: installs of saas-ai-next
$ npx create-first-commit@latest saas-ai-next