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

stacks / nextjs-landing-motion

+++

Landing page with Next.js, Motion and Magic UI

Landing page with shadcn/ui, Magic UI's animated components and Motion, ready for Vercel.

CustomizeKit page
Installs
0
Kit
landing-next
Language
TypeScriptTypeScript
For your agent
25 skills · 1 MCP

Install

$ npx create-first-commit@latest landing-next --component-addons magicui

What's included

  • 1 skillUI componentsshadcn/uiAccessible components that live in your code. The foundation of hundreds of registries.
  • 1 skillAdd-on librariesMagic UI150+ animated components for landing pages.
  • AnimationMotionDeclarative animations, gestures and layout (formerly Framer Motion).
  • ObservabilityVercel AnalyticsReal visits and Core Web Vitals, no cookies.
  • 1 skillDeploymentVercelDeployments with a preview for every PR.
  • 6 skillsDesign packDesign packA visual direction with character, polished details, accessibility and purposeful animation. The most-used design skills right now.
  • 14 skillsPack first-commitEssential skillsPlan before coding, debug methodically, verify before calling anything done, review the code, keep it secure and improve the architecture. Works in any project.

Skills · 25

  • vercel-labs/agent-skillsvercel-react-best-practicesdeploy-to-vercelweb-design-guidelines
  • shadcn-ui/uishadcn
  • magicuidesign/magicuimagic-ui
  • anthropics/skillsfrontend-design
  • pbakaus/impeccableimpeccable
  • nextlevelbuilder/ui-ux-pro-max-skillui-ux-pro-max
  • emilkowalski/skillsemil-design-eng
  • addyosmani/web-quality-skillsaccessibility
  • obra/superpowersusing-superpowersbrainstormingwriting-plansexecuting-planssystematic-debuggingtest-driven-developmentverification-before-completionrequesting-code-reviewreceiving-code-reviewfinishing-a-development-branch
  • addyosmani/agent-skillssecurity-and-hardening
  • mattpocock/skillsgrill-meimprove-codebase-architecture
  • vercel-labs/skillsfind-skills
  • Marlon-Chaviano/first-commitfirst-commit

MCP and rules

  • shadcnnpx shadcn@latest mcp
  • AGENTS.mdThe rules of each library, so your agent uses only this stack.

More stacks

  • +++Landing page with GSAP and PostHogGSAP animations and product analytics with PostHog and Vercel Analytics.landing-next0 installs
  • +++Next.js + Supabase + StripeSaaS with Supabase auth and Postgres, Stripe payments and their MCP servers connected to your agent.saas-next-supabase0 installs
  • +++Next.js + Better Auth + Drizzle + StripeSaaS with authentication in your own database, a typed ORM, payments and transactional email.saas-next-supabase0 installs
  • +++Next.js + Clerk + Vercel AI SDKAI app: managed login with Clerk and Claude streaming with the AI SDK.saas-next-supabase0 installs