agentation
将 Agentation 添加到 Next.js 项目
团队在 Next.js 开发过程中需要可视化反馈。此技能会安装 Agentation，并为 App Router 或 Pages Router 项目添加一个仅限开发环境使用的工具栏。
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
Review the Skillstore skill "agentation" from https://skillstore.io/skills/benjitaylor-agentation.md and its manifest at https://skillstore.io/api/skills/benjitaylor-agentation/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“agentation”。 将 Agentation 添加到我的 App Router 项目。
预期结果:
Agentation 已安装，已在根布局中导入，并且仅在开发环境中渲染。
正在使用“agentation”。 检查 Agentation 是否已经配置。
预期结果:
该项目已经导入 Agentation 并渲染工具栏，因此未添加重复设置。
正在使用“agentation”。 在 Pages Router 应用中设置可视化反馈。
预期结果:
Agentation 已安装，并在仅限开发环境的保护条件后添加到自定义 app 组件中。
安全审计
安全Three findings confirm instructions to run fixed package or MCP commands, which introduce ordinary dependency and tool execution risk. The other detections are markdown syntax, file names, a documentation link, or a development-only NODE_ENV check. No prompt injection, credential access, or malicious intent was found.
能力复核项 (3)
这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。
风险因素
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/benjitaylor-agentation/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/benjitaylor-agentation?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/benjitaylor-agentation?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/benjitaylor-agentation/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/benjitaylor-agentation.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
benjitaylor. (2026). agentation security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/benjitaylor-agentation/audits/6BibTeX 引用
@techreport{benjitaylor-benjitaylor-agentation-2026,
author = {benjitaylor},
title = {agentation security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/benjitaylor-agentation/audits/6},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "agentation security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "benjitaylor"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/benjitaylor-agentation/audits/6"
identifiers:
- type: other
value: "skillstore:benjitaylor-agentation:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore 评分
评分依据 证据置信度: 高你能构建什么
在 UI 开发期间添加反馈
安装 Agentation，让设计师可以在开发者本地运行 Next.js 应用时对屏幕进行注释。
标准化评审工具
在 App Router 和 Pages Router 项目中应用相同的工具栏设置。
为设计 QA 准备项目
在设计评审会议前添加一个仅限开发环境使用的注释层。
试试这些提示
将 Agentation 添加到这个 Next.js 项目，并确保它只在开发期间可用。
检查 Agentation 是否已经安装并配置。如果缺失，请添加标准设置。
检测此项目使用的是 App Router 还是 Pages Router，然后在正确的入口文件中添加 Agentation。
检查项目中是否已有 Agentation 设置，必要时安装该包，完成集成，并总结验证步骤。
最佳实践
- 接受安装前先检查包变更。
- 将 Agentation 保持在 NODE_ENV development 保护条件后。
- 设置完成后运行开发服务器，并确认工具栏出现。
避免
- 不要在生产构建中渲染 Agentation。
- 不要添加重复的 Agentation import 或组件。
- 不要在不支持 React 18 的项目中使用此设置。
常见问题
此技能会添加什么？
它支持 App Router 吗？
它支持 Pages Router 吗？
Agentation 会在生产环境中运行吗？
它需要 React 18 吗？
它可以自定义 Agentation 吗？
开发者详情
作者
benjitaylor许可证
MIT
Skillstore 修订
r2
版本提示
作者未声明版本。
引用
8c3e20bba512c392d9b02ee748b18e0b09d4982c
维护新鲜度
2026/7/24
使用量
6 次下载 · 159 次浏览
文件结构
📄 SKILL.md