skills

This skill provides a comprehensive production-ready foundation for full-stack AI-powered applications. Designed as a template based on the Zenith platform, it establishes strict standards for architectural consistency, code patterns, and development workflows. It is intended for software engineers and AI developers looking to jumpstart projects with a robust stack consisting of Next.js 15 (App Router), TypeScript, FastAPI (Python), and Supabase. The template covers end-to-end integration, ensuring that both frontend components and backend services communicate reliably through type-safe interfaces.

• Full-stack architecture overview with detailed service diagrams and technology stack definitions.

• Pre-configured file structure separating frontend components, hooks, backend routers, services, and database models.

• Standardized API response patterns using Pydantic for FastAPI and TypeScript interfaces for the frontend.

• Claude API integration patterns featuring structured tool calling, Pydantic schema validation, and JSON output management.

• Comprehensive testing patterns including Playwright for E2E, pytest for backend, and React Testing Library for frontend components.

• Deployment-ready configurations for Google Cloud Run and Vercel.

• Utilize this skill to enforce consistency across team members when initiating new modules or full-stack features.

• Follow the provided directory structure to maintain scalability as the project grows.

• Use the included Claude structured output examples when building LLM agents that require deterministic JSON responses.

• Ensure backend integrity by utilizing the provided ApiResponse class for all internal and external communication.

• Implement the recommended custom React hooks to manage async state and data fetching efficiently within the Next.js workspace.