Can I use this as a template for my own project?

Absolutely. This skill is intended to be a project-specific template that you can fork and modify to suit your unique architecture and requirements.

Does this skill include testing patterns?

Yes, it provides standardized testing structures and commands for both backend (pytest) and frontend (React Testing Library and Playwright).

How does it handle AI integration?

It includes best-practice patterns for Claude AI integration, specifically focusing on tool calling and generating structured JSON outputs using Pydantic.

What tech stack is this skill optimized for?

This skill is specifically designed for projects using Next.js 15 (App Router), TypeScript, FastAPI (Python), Supabase, and Anthropic's Claude API.

Full-Stack Project Architecture Guidelines

Name: Full-Stack Project Architecture Guidelines
Author: claudiodearaujo

byclaudiodearaujo

0•

API Development

Provides a comprehensive architectural template and coding standards for full-stack applications using Next.js, FastAPI, and Supabase.

This skill serves as a definitive blueprint for building and maintaining production-ready AI applications. It equips Claude with deep context on a modern tech stack—including Next.js 15, FastAPI, and Supabase—while enforcing rigorous coding standards, Test-Driven Development (TDD), and structured AI output patterns. It is an essential resource for developers looking to maintain architectural consistency, implement robust error handling, and streamline deployment workflows across Google Cloud Run and Vercel.

Key Features

01Standardized full-stack architecture for Next.js and FastAPI

02Ready-to-use deployment workflows and environment configurations

030 GitHub stars

04Pre-defined code patterns for API responses and TypeScript types

05Structured AI integration patterns using Anthropic tool calling

06Comprehensive testing requirements for pytest and React Testing Library

Use Cases

01Enforcing strict coding standards and TDD practices within a development team

02Implementing structured data extraction and AI tool calling in a Python backend

03Establishing a consistent architectural foundation for new full-stack projects

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro-front cc-skill-project-guidelines-example

For use in Claude.ai and ChatGPT

Download Skill

Key Features

01Standardized full-stack architecture for Next.js and FastAPI

02Ready-to-use deployment workflows and environment configurations

030 GitHub stars

04Pre-defined code patterns for API responses and TypeScript types

05Structured AI integration patterns using Anthropic tool calling

06Comprehensive testing requirements for pytest and React Testing Library

Use Cases

01Enforcing strict coding standards and TDD practices within a development team

02Implementing structured data extraction and AI tool calling in a Python backend

03Establishing a consistent architectural foundation for new full-stack projects

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro-front cc-skill-project-guidelines-example

For use in Claude.ai and ChatGPT

Download Skill