Next16 Claude Starter

next16-claude-starter

A Next.js 16 starter for animation-heavy marketing & landing sites — built
by Textura so that AI agents (Claude Code, Cursor)
generate clean, production-ready code on the first pass.

Every motion is spring-based (@react-spring/web), text animation runs through
spring-text-engine, scrolling is smoothed with Lenis, styling is Tailwind
v4, and a rem-based adaptive grid scales the design across every viewport.

⚡ Start in one prompt

Copy this into Claude Code (or Cursor) from an empty folder — it clones the
starter, detaches it from this repo's history, and sets it up:

Prefer to do it by hand? The same steps are spelled out in
Getting started below.

⭐ How to use this starter (with AI)

The real value here isn't the boilerplate — it's the documentation +
enforcement system wrapped around it. An Obsidian vault
holds every convention, a set of Claude Code hooks forces agents to read it
before writing and update it after, and a small set of hard rules keeps every
generated component on-style.

Hooks do the enforcement for you

.claude/settings.json ships three hooks that turn the workflow on
automatically — you don't have to ask for any of this in your prompt:

Inspect, edit, or disable them anytime with /hooks in Claude Code. ADR:
obsidian/meta/decisions-log.md (ADR-0007).

How to write a good request

Because the conventions live in the vault, your prompts get to focus on what
you want — not how to write it. A good request:

- Says what to build, not how. *"Add a Testimonials section to the home
  page with a horizontal scroll carousel"* — not *"use react-spring with a
  parallel hook and a mode="forward" Inview…"*. The vault tells the agent how.
- Names the page / view / component clearly. Routes delegate to
  src/views/; reference that file when…