fullstackrecipes
提供构建全栈及智能体应用的完整分步指南与组件库。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：fullstackrecipes。 它的用途是：提供构建全栈及智能体应用的完整分步指南与组件库。 完整的 Skill 内容见：https://321skill.com/skills/fullstackrecipes/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我想用Next.js和AI SDK构建一个带聊天助手的客服系统，有什么现成的架构可以参考吗？”，它可以引导你参考Full Stack Recipes中关于构建Agentic应用的配方，了解如何集成Workflow Development Kit、设计对话流程以及连接数据库。或者，当你说“我需要一个集成了Shadcn UI和Drizzle ORM的Next.js项目启动模板”时，它可以指引你找到对应的基础配方，快速初始化项目。
介绍
Full Stack Recipes 旨在解决开发者在构建现代全栈Web应用和智能体（Agent）应用时，面对复杂技术栈集成、架构设计和最佳实践选择的难题。它不是一个单一的技能包，而是一个提供完整“配方”（Recipes）的集合，每个配方都详细说明了如何使用Next.js、Shadcn UI、AI SDK、Drizzle ORM等特定技术栈，一步步实现特定类型的应用。
你可以将其视为一个高级的、聚焦于全栈和AI应用开发的“菜谱”网站。开发者通过访问其网站或查阅相关代码仓库，可以找到从项目初始化、数据库设计、API开发、UI构建到智能体集成的端到端指导，并直接使用其提供的可复现的代码示例和配置。
它非常适合希望快速上手特定技术栈组合、学习现代全栈开发模式，或需要构建包含AI智能体功能的应用的开发者。无论是启动新项目，还是为现有项目引入新的技术模块，都能从中找到参考。
使用建议是，将其作为学习和参考的起点，而非直接复制的黑盒。建议在理解其架构设计的基础上，根据自身项目需求进行调整。注意其技术栈相对固定（如使用Bun、Vercel等），若你的环境不同，可能需要做相应的适配。
核心特点
与零散的教程或单一的UI组件库不同，它提供的是基于特定、现代化且完整的技术栈（Next.js + Shadcn + AI SDK + Drizzle）的端到端应用构建方案，尤其深度集成了AI智能体（Agent）的开发框架和运行时，专注于“全栈+AI”这一特定领域。
注意事项
不适合仅需单一功能模块（如仅需一个UI组件）或技术栈与推荐方案差异巨大的项目。
常见问题
Full Stack Recipes 是什么？是一个可以直接运行的代码库吗？
它是一个提供完整构建指南和代码示例的集合网站，每个“配方”都包含可运行的示例代码和详细步骤，你可以基于这些代码开始你的项目。
使用它需要什么前提知识？
需要具备JavaScript/TypeScript基础，并对React、Next.js有基本了解。对于智能体相关的配方，最好对AI SDK有初步认识。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/fullstackrecipes/raw/index.md 读取 fullstackrecipes 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/fullstackrecipes/raw/index.md（查看排版版本）