App Development Skill

Server actions in Next.js enable secure server-side data operations directly from components. This Skill teaches you to build server actions for data fetching, validation with Zod, and integration with React Query for efficient state management and type-safe operations.

Organize pages and reusable UI components using a strict hierarchy with design tokens and path aliases. This Skill covers the AI Coaching Platform's Next.js architecture, including folder conventions, component patterns, and standardized CRUD workflows for consistent feature development.

Use TypeScript and Zod-based validation to enforce type safety across forms and data operations. This Skill provides patterns for validating user input, managing form state, and ensuring consistency between client and server components in your Next.js application.

Yes. TanStack Table integrates with React Query for managing server state in data-rich interfaces. This Skill includes configuration patterns and best practices for combining TanStack Table with React Query hooks to display and manage data efficiently.

Server-first design prioritizes server actions for create, read, update, and delete operations. This Skill enforces a standardized CRUD pattern using server actions, Zod validation, and React Query, reducing client-side complexity and improving security.

Design tokens centralize style values for consistent UI across components. This Skill demonstrates token-driven design system practices enforced across the AI Coaching Platform, ensuring reusable, maintainable component styling.