Can I use this with shadcn/ui?

Absolutely. The skill is designed to work seamlessly with Tailwind CSS and component libraries like shadcn/ui for UI development.

What authentication provider does it use?

It is pre-configured to work with BetterAuth, focusing on server-side session validation and secure redirects.

Why does the skill prefer layouts over middleware for auth?

Server layouts are preferred because they execute on the same request, provide full TypeScript inference, and allow for better UI composition.

How does this skill handle database integration?

It provides templates for Drizzle ORM schemas, including Zod validation schemas for type-safe inserts and selects.

Does this skill support the latest Next.js 15 features?

Yes, it is specifically optimized for Next.js 15, the App Router, and React Server Components (RSC).

Next.js Full-Stack Feature Architect

Name: Next.js Full-Stack Feature Architect
Author: gregsantos

bygregsantos

•

Productivity & Workflow

Automates the end-to-end creation of production-ready features for Next.js 15 applications using Drizzle ORM and BetterAuth.

About

This skill provides a structured workflow for extending Next.js 15 applications with new functionality. It guides Claude through the entire development lifecycle, from requirement gathering and architectural planning to the implementation of Drizzle database schemas, type-safe Server Actions, and secure App Router layouts. By enforcing best practices like server-side authentication gates, Zod validation, and the 'Server-First' principle, it ensures that all new code is performant, secure, and maintainable.

Key Features

Creates responsive UI components using Tailwind CSS v4 and shadcn/ui patterns.
Scaffolds Drizzle ORM schemas with Zod validation and migration steps.
Configures robust UX patterns including loading.tsx states and error.tsx boundaries.
4 GitHub stars
Generates type-safe Server Actions for handling data mutations and revalidations.
Implements secure route protection using server-side layouts and BetterAuth.

Use Cases

Adding a new authenticated module to a SaaS application with database persistence.
Standardizing feature development across a team using Next.js 15 best practices.
Rapidly prototyping data-driven features with complex relational schemas.

About

Key Features

Creates responsive UI components using Tailwind CSS v4 and shadcn/ui patterns.
Scaffolds Drizzle ORM schemas with Zod validation and migration steps.
Configures robust UX patterns including loading.tsx states and error.tsx boundaries.
4 GitHub stars
Generates type-safe Server Actions for handling data mutations and revalidations.
Implements secure route protection using server-side layouts and BetterAuth.

Use Cases

Adding a new authenticated module to a SaaS application with database persistence.
Standardizing feature development across a team using Next.js 15 best practices.
Rapidly prototyping data-driven features with complex relational schemas.