phenomenon-next-ts-template

Build clean, modern React components that apply common best practices and avoid common pitfalls like unnecessary state management or useEffect usage

nuqs URL state management patterns for Next.js App Router. Activate when reading or writing URL search params, building filters, pagination, tabs, or any state that should live in the URL.

Zod 4 schema patterns and API differences from Zod 3. Activate when writing or reviewing Zod schemas, validation logic, or inferred types. Zod 4 has breaking changes from Zod 3.

Enforce web security and avoid security vulnerabilities

Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes