mcpField
I
integration-nuxt-3.6

integration-nuxt-3.6

github.com/posthog数据与数据库7691 次安装今天更新
代码仓库

关于 integration-nuxt-3.6

用于在 Nuxt 3.6 应用中集成 PostHog 分析的技能，面向开发者。它提供按步骤执行的流程和参考示例，并强调使用环境变量、保持现有代码结构。

主要功能

  1. 01分步骤集成流程
  2. 02Nuxt 3.6 示例与文档
  3. 03通过环境变量配置密钥
  4. 04识别用户与错误跟踪指导

适用场景

  1. 01为 Nuxt 3.6 应用添加 PostHog 分析
  2. 02在登录和注册流程中识别用户
  3. 03为关键流程配置错误跟踪

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/posthog/skills --skill integration-nuxt-3.6

安装后在 Claude Code 中输入/integration-nuxt-3.6确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
basic-integration-1.3-conclude.md
basic-integration-1.0-begin.md
basic-integration-1.1-edit.md
basic-integration-1.2-revise.md
identify-users.md
EXAMPLE.md
nuxt-js-3-6.md

详细介绍

Nuxt 3.6 的 PostHog 集成

此技能可帮助你将 PostHog 分析添加到 Nuxt 3.6 应用中。

工作流

请按顺序完成以下步骤：

  1. basic-integration-1.0-begin.md - PostHog 设置 - 开始 ← 从这里开始
  2. basic-integration-1.1-edit.md - PostHog 设置 - 编辑
  3. basic-integration-1.2-revise.md - PostHog 设置 - 修改
  4. basic-integration-1.3-conclude.md - PostHog 设置 - 总结

参考文件

  • references/EXAMPLE.md - Nuxt 3.6 示例项目代码
  • references/nuxt-js-3-6.md - Nuxt.js（v3.0 至 v3.6）- 文档
  • references/identify-users.md - 识别用户 - 文档
  • references/basic-integration-1.0-begin.md - PostHog 设置 - 开始
  • references/basic-integration-1.1-edit.md - PostHog 设置 - 编辑
  • references/basic-integration-1.2-revise.md - PostHog 设置 - 修改
  • references/basic-integration-1.3-conclude.md - PostHog 设置 - 总结

示例项目展示了目标实现模式。请查阅文档了解 API 详情。

关键原则

  • 环境变量：始终使用环境变量存储 PostHog 密钥。切勿将其硬编码。
  • 最小化更改：在现有集成旁添加 PostHog 代码。不要替换或重构现有代码。
  • 遵循示例：实现方式应尽可能贴近示例项目中的模式。

框架指南

没有特定的框架指南。

识别用户

在登录和注册事件期间识别用户。请参考示例代码和文档，了解此框架的正确识别模式。如果前端和后端代码都存在，请使用 X-POSTHOG-DISTINCT-ID 和 X-POSTHOG-SESSION-ID 标头传递客户端会话和 distinct ID，以保持关联。

错误跟踪

在相关文件中添加 PostHog 错误跟踪，特别是在关键用户流程和 API 边界附近。

评论

支持 Markdown