skills.rest
devturco
devturcoCOMMUNITY
Explore all skills by this author →
GitHub

add-feature

Add fullstack features with Zod 4, Drizzle, tRPC, and TanStack Router.

Updated May 23, 2026
Search Tags:#migrations#Drizzle ORM#fullstack#tRPC#feature generation#Zod validation#React routes
One-click install
npx skills add https://github.com/devturco/thiago-dev-template --skill add-feature-devturco
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-feature
Source: https://github.com/devturco/thiago-dev-template/tree/main/.claude/skills/add-feature
Command: npx skills add https://github.com/devturco/thiago-dev-template --skill add-feature-devturco

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the friction of adding new functionality across the whole Better-T-Stack codebase without missing required backend, database, validation, or frontend wiring.

Core Features & Use Cases

  • Schema-first validation: Creates Zod 4 validators in src/lib/validators/ to ensure inputs are correct before logic runs.
  • End-to-end fullstack scaffolding: Adds Drizzle schema and runs migrations when needed, creates/wires tRPC routers, and implements matching frontend routes and components.
  • Conformance to project guardrails: Enforces naming/export conventions, uses protectedProcedure for auth-required endpoints, and validates via typecheck and tests to prevent broken builds.

Quick Start

Tell the AI: "Add a new feature that lets users manage team projects end-to-end, including validators, any required database changes, a tRPC endpoint, and a React route to create and list projects."

Frequently Asked Questions about add-feature

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a fullstack feature with tRPC and Drizzle ORM end-to-end?▼

To scaffold a fullstack feature, define Zod 4 validators, update Drizzle ORM schema and run migrations, wire tRPC routers, and add TanStack Router UI. This ensures frontend, backend, and database layers follow consistent conventions.

How does schema-first validation work when adding a new tRPC endpoint?▼

Schema-first validation uses Zod 4 validators placed in the validators directory to verify inputs before logic runs. This guarantees that tRPC endpoints receive correctly structured data, preventing invalid database operations or frontend errors.

Do I need to run database migrations when generating a new feature with Drizzle ORM?▼

Yes, running Drizzle ORM migrations is required when your new feature needs database changes. The feature generation process updates the Drizzle schema and applies migrations to keep the database layer synchronized with backend logic.

Can I use TanStack Router to add frontend routes that match new tRPC procedures?▼

Yes, you can add TanStack Router routes and React components that directly match new tRPC procedures. The feature generation process automatically wires the frontend UI to the backend endpoints, ensuring end-to-end type safety.

What is the best way to enforce fullstack conventions like protectedProcedure across a new feature?▼

The best way to enforce fullstack conventions is by applying project guardrails during feature generation, which automatically uses protectedProcedure for auth-required endpoints, sets naming conventions, and validates the build using typecheck and tests.

Why are my fullstack feature builds failing after adding new tRPC routers and Drizzle schema?▼

Fullstack feature builds fail when naming or export conventions are missed during manual wiring. The generation process finishes by running typecheck, lint, and tests to prevent broken builds caused by mismatched Zod validators or tRPC procedures.

Related Skills

Explore More Software Engineering Skills→
betterbrandbetterbrand

project-context

Document architecture and conventions for the dealflow-network project.

Community
Basic
devturcodevturco

scaffold

Generate Drizzle schemas, tRPC CRUD APIs, and TanStack Form UI routes.

Community
Intermediate
RevealUIStudioRevealUIStudio
4

db-migrate

Coordinate Drizzle ORM migrations across NeonDB and Supabase schemas.

Community
Advanced
suhwansuhwan

phase-6-ui-integration

Implement frontend UI integration with a centralized API client and state management.

Community
Advanced