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. waitlist-next
TypeScript

Waitlist with Next.js

Official Verifiedv1.0.0

waitlist-next

The Next.js landing page with a working waitlist: a form with a Server Action, validation and contact sign-up in Resend. To validate an idea before building it.

nextjstailwinddesignvercel
Installs
0
People
0
Skills
37
Landing
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.

Extras

UI components

Add-on libraries

Animation

Forms and validation

Languages (i18n)

Observability

Tests

Code quality

Continuous integration

Deployment

Skills

25 will be installed for your agent.

SkillRisk
Low
Medium
Medium
Critical

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 commands9 filesfirst commit

  1. Create the base project$ npx create-next-app@latest waitlist-next --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --disable-git --no-agent-feedback --yes && rm waitlist-next/src/app/page.tsx
  2. Add dependencies$ npm install resend zod motion @vercel/analytics @vercel/speed-insights
  3. Write 5 files
    • src/app/actions/waitlist.ts
    • src/components/waitlist-form.tsx
    • src/app/page.tsx
  4. Set upoptional$ npx shadcn@latest init --defaults --yes
  5. Install skills from 13 repositories
    • vercel-labs/agent-skills
    • resend/resend-skills
    • 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
  6. Write 4 files
    • .mcp.json
    • .env.example
    • AGENTS.md

Install

5 dependencies · 25 skills · 1 MCP

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

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

What's included

Rules in AGENTS.md
shadcn/uiMotionVercel AnalyticsVercelDesign packEssential skills
Dependencies
resendzodmotion@vercel/analytics@vercel/speed-insights
MCP servers
shadcn
Environment variables
RESEND_API_KEYRESEND_AUDIENCE_ID
Files
src/app/actions/waitlist.tssrc/components/waitlist-form.tsxsrc/app/page.tsxsrc/app/layout.tsx
First steps
3 tasks for the agent
$ npx create-first-commit@latest waitlist-next
waitlist
resend
server-actions

Details

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

Extras

UI components

Add-on libraries

Animation

Forms and validation

Languages (i18n)

Observability

Tests

Code quality

Continuous integration

Deployment

Skills

25 will be installed for your agent.

SkillRisk
Low
Medium
Medium
Critical

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 commands9 filesfirst commit

  1. Create the base project$ npx create-next-app@latest waitlist-next --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --disable-git --no-agent-feedback --yes && rm waitlist-next/src/app/page.tsx
  2. Add dependencies$ npm install resend zod motion @vercel/analytics @vercel/speed-insights
  3. Write 5 files
    • src/app/actions/waitlist.ts
    • src/components/waitlist-form.tsx
    • src/app/page.tsx
  4. Set upoptional$ npx shadcn@latest init --defaults --yes
  5. Install skills from 13 repositories
    • vercel-labs/agent-skills
    • resend/resend-skills
    • 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
  6. Write 4 files
    • .mcp.json
    • .env.example
    • AGENTS.md

Install

5 dependencies · 25 skills · 1 MCP

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

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

What's included

Rules in AGENTS.md
shadcn/uiMotionVercel AnalyticsVercelDesign packEssential skills
Dependencies
resendzodmotion@vercel/analytics@vercel/speed-insights
MCP servers
shadcn
Environment variables
RESEND_API_KEYRESEND_AUDIENCE_ID
Files
src/app/actions/waitlist.tssrc/components/waitlist-form.tsxsrc/app/page.tsxsrc/app/layout.tsx
First steps
3 tasks for the agent

Details

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