tinyplate
为Next.js项目提供预配置的Claude Code技能集合
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：tinyplate。 它的用途是：为Next.js项目提供预配置的Claude Code技能集合 完整的 Skill 内容见：https://321skill.com/skills/tinyplate/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我想为我的Next.js电商项目添加Stripe支付功能'，它会引导你使用`/stripe`技能，生成包含Checkout、Webhooks和客户门户的初始化代码与配置说明。或者，
对AI说：'需要优化项目的技术SEO'，使用`/seo-technical`技能后，它会指导你生成sitemap、配置meta标签和结构化数据。
介绍
tinyplate是一个为Claude Code设计的技能（Skill）和智能体（Agent）集合，旨在解决开发者在启动新Next.js项目时，需要重复配置常用开发工具和最佳实践的问题。它通过一个预先配置好的.claude目录，将PostHog分析、SEO优化、营销文案、UX设计、Stripe支付以及针对巴西市场的PIX支付等常用功能模块化，开发者只需简单复制即可快速集成。
使用方式极其简单：克隆仓库后，将.claude/文件夹复制到你的Next.js项目根目录，然后在项目中使用Claude Code CLI，即可通过输入特定命令（如/posthog）来调用对应的技能，快速生成相关代码或配置，无需从零开始编写。
这个技能集合非常适合希望快速构建具备现代Web应用标准功能（如分析、支付、SEO）的Next.js开发者，尤其是全栈开发、前端开发以及需要快速交付原型的项目经理。对于需要在巴西市场集成PIX支付的电商运营或开发者来说，内置的abacatepay技能尤为实用。
建议在使用前确保已安装Claude Code CLI并拥有相应账户。由于技能基于特定框架和工具链，更适合用于新项目或作为现有项目的功能补充模板。对于高度定制化或非Next.js技术栈的项目，可能需要进行额外调整。
核心特点
这是一个专门为Next.js项目量身定制的Claude技能集合，而非通用模板，内置了从技术SEO到巴西本地支付（PIX）等高度场景化的解决方案。它通过Claude Code的Skill机制直接集成到开发工作流中，提供的是交互式的代码生成指导，而非静态的代码片段。
注意事项
仅适用于Next.js项目，且用户必须拥有Claude Code的访问权限。
常见问题
这个技能包支持哪些Next.js版本？
技能设计适用于主流Next.js版本，但具体兼容性建议参考各技能内文档或根据项目实际情况调整。
除了列出的技能，我能添加自己的技能吗？
可以，按照仓库文档中的“个人化”部分，在.claude/skills/目录下创建新文件夹和SKILL.md文件即可。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/tinyplate/raw/index.md 读取 tinyplate 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/tinyplate/raw/index.md（查看排版版本）