mcpField
I
integration-nuxt-4

integration-nuxt-4

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

关于 integration-nuxt-4

用于在 Nuxt 4 应用中接入 PostHog 分析的技能。它通过分步流程指导实施，并提供示例代码以及用户识别和错误跟踪参考。

主要功能

  1. 01四步集成流程
  2. 02Nuxt 4 示例与文档
  3. 03使用环境变量保存密钥
  4. 04用户识别指导
  5. 05错误跟踪指导

适用场景

  1. 01为 Nuxt 4 应用接入 PostHog
  2. 02在登录和注册时识别用户
  3. 03跟踪关键流程中的错误

安装

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

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

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

包含的文件

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

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

详细介绍

Nuxt 4 的 PostHog 集成

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

工作流

按顺序完成以下步骤以完成集成：

  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 4 示例项目代码
  • references/nuxt-js.md - Nuxt.js - 文档
  • 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 请求头传递客户端会话 ID 和 distinct ID，以保持关联。

错误追踪

在相关文件中添加 PostHog 错误追踪，尤其是在关键用户流程和 API 边界处。

评论

支持 Markdown