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.

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

01Creates responsive UI components using Tailwind CSS v4 and shadcn/ui patterns.

02Scaffolds Drizzle ORM schemas with Zod validation and migration steps.

03Configures robust UX patterns including loading.tsx states and error.tsx boundaries.

044 GitHub stars

05Generates type-safe Server Actions for handling data mutations and revalidations.

06Implements secure route protection using server-side layouts and BetterAuth.

Use Cases

01Adding a new authenticated module to a SaaS application with database persistence.

02Standardizing feature development across a team using Next.js 15 best practices.

03Rapidly prototyping data-driven features with complex relational schemas.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gregsantos/nexturbo add-feature

For use in Claude.ai and ChatGPT

Download Skill