skills.rest
AndyHsuTW
AndyHsuTWCOMMUNITY
Explore all skills by this author →
GitHub

项目指南技能（示例）

Outline a full-stack project blueprint with Next.js, FastAPI, Supabase, and Claude API.

Updated Feb 21, 2026
Search Tags:#architecture#deployment#coding standards#project template#frontend patterns#backend patterns
One-click install
npx skills add https://github.com/AndyHsuTW/everything-llm-workspace --skill -andyhsutw
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: 项目指南技能（示例）
Source: https://github.com/AndyHsuTW/everything-llm-workspace/tree/main/docs/zh-CN/skills/project-guidelines-example
Command: npx skills add https://github.com/AndyHsuTW/everything-llm-workspace --skill -andyhsutw

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive template for project-specific guidance, covering architecture, file structure, coding patterns, testing, and deployment workflows.

Core Features & Use Cases

  • Project Architecture Overview: Understand the technology stack and service interactions.
  • File Structure Guidance: Standardized directory layout for frontend, backend, and deployment.
  • Code Patterns: Examples of API response formats, frontend API calls, AI integration, and custom hooks.
  • Testing Requirements: Guidelines for backend (pytest) and frontend (React Testing Library) testing.
  • Deployment Workflow: Checklist and commands for deploying applications.

Quick Start

Refer to this skill when working on a specific project to understand its architecture and development guidelines.

Frequently Asked Questions about 项目指南技能（示例）

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

FAQPage Schema
How do I structure a full-stack application using Next.js and FastAPI?▼

Structuring a full-stack application using Next.js and FastAPI involves adopting a standardized directory layout that separates frontend, backend, and deployment configurations to ensure clear service interactions.

What is the best way to integrate Claude API into a Next.js frontend?▼

The best way to integrate Claude API into a Next.js frontend is by using custom hooks and standardized API call patterns to manage AI interactions, ensuring consistent response formats across your application.

How do I set up testing for a Supabase and FastAPI backend?▼

To set up testing for a backend, use pytest to validate API interactions and Supabase integrations, ensuring your backend services meet required quality and maintainability standards before deployment.

Does this project template include deployment procedures for Google Cloud Run?▼

Yes, this project template includes deployment procedures for Google Cloud Run, providing a specific checklist and commands to containerize and deploy your Next.js and FastAPI services.

Can I use React Testing Library for frontend testing patterns in this stack?▼

Yes, you can use React Testing Library for frontend testing patterns, which enforces key coding rules and maintainability by validating component behavior and API response formats within Next.js.

Related Skills

Explore More Software Engineering Skills→
DicklesworthstoneDicklesworthstone
70

supabase

Manage Supabase projects, databases, migrations, functions, and storage via CLI.

Community
Advanced
AgentientAgentient
2

cloud-run-deployment

Automate Google Cloud Run deployments with traffic splitting, health checks, and scaling.

Official
Advanced
j7-devj7-dev
19

プロジェクトガイドラインスキル（例）

Document project guidelines for Python/FastAPI and Next.js/React with deployment workflows.

Community
Intermediate
luisgustavooliveiraluisgustavooliveira

architecture-blueprint-generator

Analyze codebases to generate architectural blueprints with visual diagrams.

Community
Advanced