OpenGemini Next.js Bestpractice Builder

Polar Sponsor
爱发电 赞助
.NET 9.0

使用固定的 Next.js/Tailwind/Prisma 技术栈构建并记录独立 SaaS 项目,仅将 FastAPI 用于 Python 工作负载,并遵循严格的架构规范。

Purpose

功能概述

Purpose 是一项面向实际任务的技能,主要用于以固定スタック构建个人开发的 SaaS 应用,并通过坚定的设计原则与实施规范完成项目启动;它并非技术说明文档,而是一项强制规定实施过程中的行为准则与项目结构的 Skill;

核心要点

  • 适用场景;
  • 新建基于 Next.js + FastAPI 边界划分的 SaaS 项目时;
  • 希望在固定スタック下,从需求定义到 scaffold 生成全程保持一致性和连贯性时;

使用与执行

使用 Gemini CLI 完成文档编写、系统设计与代码实现。该技能将相关操作步骤、工具调用方式及结果组织形式统一纳入标准化流程中,帮助使用者更高效地达成目标,并显著减少重复性操作。从功能定位来看,该技能强调将零散的操作要求整合为清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行路径并获取结构化输出。实际使用前,应首先确认任务范围、数据来源、运行环境、必要权限及关键参数,再依据本技能说明逐步执行;

结果检查与注意事项

若输入条件不完整,应优先补全信息或采用保守配置,避免因错误假设导致最终结果偏离预期需求。执行过程中需重点关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段及边界情况进行妥善处理;涉及批量任务时,还应保存执行进度,防止中断后重复执行相同操作。该技能适用于一次性任务,也可接入自动化工作流,与其他 Skill 或上层代理协同运作,以支撑更完整的业务链路;在组合使用时,应明确定义每一步骤的输入与输出关系,并避免不同步骤之间出现参数冲突。

目的

固定スタックの個人開発 SaaS を、ブレない設計と実装ルールで立ち上げる。
技術説明ではなく、実装時の行動基準とプロジェクト構造を強制するための Skill。

使用タイミング

  • Next.js + FastAPI 境界を持つ SaaS を新規に作るとき
  • 固定スタックで要件定義から scaffold まで一貫して進めたいとき
  • Gemini CLI を使って docs・設計・実装計画を高速化したいとき
  • 個人開発向けに現実的で保守しやすい構成を最初から敷きたいとき

使用しないタイミング

  • 技術選定を自由に変えたいとき
  • Python が主役のバックエンドを作るとき
  • 単なる小規模 LP や静的サイトだけを作るとき
  • この固定 stack を外す予定が強いとき

プロジェクト前提条件

  • Frontend は Next.js App Router
  • UI は Tailwind + shadcn/ui
  • DB は Neon PostgreSQL
  • ORM は Prisma 6
  • Auth は Clerk
  • Email は Resend
  • Payments は Stripe
  • Storage は Cloudflare R2
  • Analytics は PostHog
  • Error Monitoring は Sentry
  • Deploy は Vercel
  • FastAPI は Python-required workloads のみ

ルール

  • docs を先に作り、実装を後追いさせる
  • GEMINI.md に source of truth を明記する
  • Next.js をデフォルト backend とし、FastAPI を乱用しない
  • Clerk auth を Prisma に複製しない
  • Stripe 成功判定は webhook 起点にする
  • R2 にファイル本体を保存し、DB には metadata だけを置く
  • 各 project-level skill は共通テンプレートの型にそろえる
  • 各 skill は技術説明ではなく実装時の行動規範として書く
  • Prisma は 6 系を固定で使う。7 系へ勝手に上げない
  • 開発 DB はローカル可だが、本番 DB は Neon PostgreSQL を前提にする

ワークフロー

  1. product goal と MVP を整理する
  2. references/project-bootstrap-checklist.md を確認する
  3. scripts/bootstrap_tree.sh で理想構成を作る
  4. scripts/generate_gemini_md.sh で GEMINI.md を作る
  5. scripts/generate_project_docs.sh で docs を生成する
  6. docs を source of truth にして実装へ進む
  7. project-level skills を必要に応じて補強する

チェックリスト

  • GEMINI.md があるか
  • docs/requirements.md から docs/db-schema.md まで揃っているか
  • skills/*/SKILL.md が共通テンプレートに沿っているか
  • FastAPI を使う理由が説明できるか
  • Stripe / Clerk / R2 の危険なアンチパターンを避けているか
  • Vercel deploy 前提の env 設計が見えているか
  • Prisma 6 を固定しているか
  • 本番 DB が Neon を前提に設計されているか

よくある落とし穴

  • Next.js で足りる処理まで FastAPI に逃がす
  • docs を雑に作って source of truth が死ぬ
  • skill を技術メモ化して、行動基準として使えなくする
  • Clerk と Prisma の役割を混ぜる
  • Stripe webhook を軽視して success redirect に依存する
  • file upload を DB 中心で考える
  • Prisma 7 に上げて接続・設定周りでハマる

期待される出力

  • GEMINI.md
  • docs 一式
  • 理想ディレクトリ構成
  • project-level skills 一式
  • stack に沿った実装 plan または scaffold
  • 必要なら GitHub / Vercel まで進めるための準備状態

source of truth の優先順位

プロジェクトファイルを生成・更新する際は、以下の順序で source of truth とみなす:

  1. docs/requirements.md
  2. docs/scope.md
  3. docs/architecture.md
  4. docs/conventions.md
  5. docs/decisions/*.md
  6. docs/notes/brainstorming.md は参照専用

固定スタック方針

  • Frontend: Next.js App Router
  • UI: Tailwind + shadcn/ui
  • DB: Neon PostgreSQL
  • ORM: Prisma 6
  • Auth: Clerk
  • Email: Resend
  • Payments: Stripe
  • Storage: Cloudflare R2
  • Analytics: PostHog
  • Error Monitoring: Sentry
  • Deploy: Vercel
  • Backend: FastAPI only for Python-required workloads

バックエンド境界

デフォルトのバックエンドロジックは Next.js の route handlers または server actions に配置する。
FastAPI は AI 処理、バッチジョブ、重い計算処理、あるいは Python 特有の連携が必要な場合にのみ利用する。

絶対にやってはいけないこと

  • Clerk auth state を完全な認証システムとして Prisma に複製しない
  • Stripe の success redirect を source of truth と見なさず、webhook の状態を信頼する
  • アップロードされたファイルを PostgreSQL に格納しない
  • 明示的に必要でない限り、シンプルな CRUD のために FastAPI エンドポイントを追加しない
  • デフォルトで Prisma 7 へアップグレードしない

対象プロジェクト構造

以下の構造を生成・整えることを目指す:

my-saas/
├─ GEMINI.md
├─ src/
│ ├─ app/
│ ├─ components/
│ ├─ features/
│ ├─ lib/
│ ├─ server/
│ ├─ hooks/
│ └─ types/
├─ backend/
│ └─ fastapi/
│ ├─ app/
│ ├─ tests/
│ └─ pyproject.toml
├─ prisma/
│ ├─ schema.prisma
│ ├─ migrations/
│ └─ seed.ts
├─ public/
├─ tests/
│ ├─ unit/
│ ├─ integration/
│ └─ e2e/
├─ docs/
│ ├─ requirements.md
│ ├─ scope.md
│ ├─ architecture.md
│ ├─ conventions.md
│ ├─ integrations.md
│ ├─ db-schema.md
│ ├─ decisions/
│ └─ notes/
│   └─ brainstorming.md
├─ .gemini/
│ └─ commands/
├─ skills/
│ ├─ nextjs/SKILL.md
│ ├─ clerk/SKILL.md
│ ├─ prisma/SKILL.md
│ ├─ shadcn/SKILL.md
│ ├─ stripe/SKILL.md
│ ├─ resend/SKILL.md
│ ├─ posthog/SKILL.md
│ ├─ sentry/SKILL.md
│ ├─ r2/SKILL.md
│ ├─ fastapi/SKILL.md
│ ├─ api-security/SKILL.md
│ └─ vercel/SKILL.md
└─ scripts/

この Skill が生成すべきもの

新規プロジェクトでは、少なくとも以下を生成することを目標とする:

  • GEMINI.md
  • docs/requirements.md
  • docs/scope.md
  • docs/architecture.md
  • docs/conventions.md
  • docs/integrations.md
  • docs/db-schema.md
  • docs/notes/brainstorming.md
  • prisma/schema.prisma
  • src/ 下の基本アプリ構造
  • backend/fastapi/ 下の基本 FastAPI 構造
  • .env.example
  • Clerk、Stripe、Resend、PostHog、Sentry、R2 各サービスの統合または実装計画

参考資料

必要に応じて参照:

  • references/doc-templates.md
  • references/integration-rules.md
  • references/project-bootstrap-checklist.md
  • references/project-skill-template.md

公開準備状況の備考

この Skill は、Gemini CLI と OpenClaw のファイル・シェル制御機能、およびオプションで ACP を併用した大規模実装ループにおいて最も効果を発揮する。
プロジェクトレベルの skills/*/SKILL.md ファイルは、汎用的なフレームワーク解説ではなく、実装ポリシーとして運用すべきである。

本 Skill を実際のプロジェクトで使用・公開する前に、以下の点を確認すること:

  • Gemini CLI がインストールされ、認証済みであること
  • 生成された skills/*/SKILL.md ファイルが共有テンプレートの形式に則っていること
  • 主要な実装を開始する前に、プロジェクトの docs が生成済みであること
  • FastAPI は Python が実際に必要な場合にのみ導入すること
  • デプロイに関する想定が、対象プロジェクトにおける Vercel の実情と一致していること
  • Prisma が 6.x に固定されていること
  • 本番 DB の想定が、Neon の実情と一致していること

相关专题

更多
Gemini 高级Prompt工程与多模态能力优化专题
Gemini 高级Prompt工程与多模态能力优化专题

PHP中文网为您提供Gemini高级Prompt工程与多模态能力优化专题。针对谷歌最新一代原生多模态大模型(如Gemini 3.5系列),我们为您系统梳理了结构化提示词构建法则(如XML标签界定、约束前置与指令后置),以及涵盖四档Thinking推理深度控制、强制自我审视与任务拆解等高级Prompt工程实战指南。

2026.06.10

60

7

如何编写高效提示词:Gemini结构化指令设计与优化指南
如何编写高效提示词:Gemini结构化指令设计与优化指南

本指南深入解析高效提示词编写技巧,聚焦结构化指令设计与参数优化。通过拆解角色设定、任务分解及约束条件,演示如何引导Gemini输出精准结果。涵盖思维链应用与迭代优化策略,助初学者掌握核心方法论,显著提升交互质量与任务完成效率。

2026.03.24

80

11

Gemini网页版实战:从文档分析到代码生成的全流程教程
Gemini网页版实战:从文档分析到代码生成的全流程教程

本教程详解Gemini网页版全流程实战,涵盖长文档深度解析、关键信息提取及复杂代码生成。通过真实案例演示,指导用户高效利用多模态交互提升工作效率。适合初学者快速掌握核心功能,从基础问答进阶至自动化办公与开发辅助,轻松释放AI生产力。

2026.03.24

105

10

什么是Gemini:核心架构解析与多模态能力入门指南
什么是Gemini:核心架构解析与多模态能力入门指南

本专题深度解析 Gemini 核心架构,涵盖混合专家模型与原生多模态设计原理。指南详解其文本、图像及代码的统一理解能力,帮助初学者建立系统性认知。通过理论结合实例,助您快速掌握模型优势与适用场景,为后续进阶开发与复杂应用奠定坚实基础。

2026.03.24

61

11

Gemini多模态Agent实战:浏览器控制与工具链指南
Gemini多模态Agent实战:浏览器控制与工具链指南

本实战指南详解构建基于 Gemini 的多模态 Agent,实现浏览器自动化控制与复杂工具链编排。通过整合视觉理解与代码执行能力,演示如何让 AI 自主导航网页、提取动态数据并操作外部 API。涵盖环境搭建、安全沙箱及任务规划策略,助开发者打造能“看”会“做”的智能助手,突破传统文本交互局限,开启全自动工作流新篇章。

2026.03.23

59

11

Gemini上下文缓存功能:如何大幅降低长对话成本指南
Gemini上下文缓存功能:如何大幅降低长对话成本指南

本指南深入解析 Gemini 上下文缓存(Context Caching)功能,助您大幅降低长对话与大规模文档处理成本。通过复用高频输入的嵌入表示,避免重复计算令牌,显著减少延迟与费用。内容涵盖缓存创建、管理及最佳实践,特别适合多轮对话、知识库问答等场景,让您在保持高性能的同时,实现极具性价比的 AI 应用部署。

2026.03.23

55

8

Gemini结构化输出JSON模式:API稳定提取数据实战
Gemini结构化输出JSON模式:API稳定提取数据实战

本实战指南详解如何利用 Gemini API 的 JSON 模式实现结构化数据提取。通过配置响应格式约束,确保模型输出严格符合预定义 Schema,彻底解决解析错误难题。内容涵盖字段定义、类型校验及异常处理,助您在信息抽取、数据清洗等场景中构建高稳定性管道,轻松将非结构化文本转化为可靠的应用数据。

2026.03.23

91

13

如何实现Gemini函数调用:Tool Use与外部工具集成教程
如何实现Gemini函数调用:Tool Use与外部工具集成教程

本教程深入解析 Gemini 函数调用机制,详解 Tool Use 配置与外部工具集成流程。从定义函数架构到处理动态参数,手把手教您连接数据库、搜索 API 及自定义服务。通过实战案例,展示如何让 AI 自主规划并执行复杂任务,突破纯文本限制,构建具备真实行动力的智能代理系统。

2026.03.23

145

11

Gemini API快速上手:Python调用generateContent完整指南
Gemini API快速上手:Python调用generateContent完整指南

本指南详解如何使用 Python 快速调用 Gemini API 的 generateContent 方法。从环境配置、密钥管理到核心代码实现,逐步演示文本生成、多模态输入及流式响应处理。包含完整示例与错误排查技巧,助开发者轻松集成 Gemini 强大能力,构建高效智能应用,开启 AI 开发新篇章。

2026.03.23

70

11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 21万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 4.8万人学习