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

Landing page with Next.js

Official Verifiedv1.3.1

landing-next

Next.js + Tailwind with design skills, React best practices and deployment on Vercel. For landing pages that don't look AI-made.

nextjstailwinddesignvercel
Installs
0
People
0
Skills
36
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

24 will be installed for your agent.

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

15 commands5 filesfirst commit

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

Install

3 dependencies · 24 skills · 1 MCP

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

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

What's included

Rules in AGENTS.md
shadcn/uiMotionVercel AnalyticsVercelDesign packEssential skills
Dependencies
motion@vercel/analytics@vercel/speed-insights
MCP servers
shadcn
Environment variables
—
Files
src/app/layout.tsx
First steps
2 tasks for the agent
$ npx create-first-commit@latest landing-next

Details

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

27 will be installed for your agent.

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

17 commands8 filesfirst commit

  1. Create the base project$ npx create-next-app@latest landing-next --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --disable-git --no-agent-feedback --yes
  2. Add dependencies$ npm install gsap posthog-js posthog-node @vercel/analytics @vercel/speed-insights
  3. Write 4 files
    • src/instrumentation-client.ts
    • src/lib/posthog-server.ts
    • src/app/layout.tsx
  4. Set upoptional$ npx shadcn@latest init --defaults --yes
  5. Install skills from 14 repositories
    • vercel-labs/agent-skills
    • shadcn-ui/ui
    • greensock/gsap-skills
    • posthog/ai-plugin
    • 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 · 27 skills · 1 MCP

$ npx create-first-commit@latest landing-next --animation gsap --observability posthog-nextjs,vercel-analytics

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

What's included

Rules in AGENTS.md
shadcn/uiGSAPPostHogVercel AnalyticsVercelDesign pack
Dependencies
gsapposthog-jsposthog-node@vercel/analytics@vercel/speed-insights
MCP servers
shadcn
Environment variables
NEXT_PUBLIC_POSTHOG_KEYNEXT_PUBLIC_POSTHOG_HOST
Files
src/instrumentation-client.tssrc/lib/posthog-server.tssrc/app/layout.tsx
First steps
4 tasks for the agent

Details

Author
MCMarlon Chaviano
Verification
Verified
Platforms
✓ Linux
Badge
first-commit: installs of landing-next
$ npx create-first-commit@latest landing-next --animation gsap --observability posthog-nextjs,vercel-analytics