研究检索敏感数据github未标认证来源可访问许可证需确认审计提醒

devtools-elements（开发工具元素）

Agent Skill

devtools-elements 用于查找、检索和筛选相关信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要根据关键词、任务场景或来源线索快速定位候选结果时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。

总安装

470

周安装

GitHub Stars

492

下载量

165

CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息，不托管安装包，也不代用户安装。

GitHub

来源数

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手，先确认命令和权限，再让它执行。

请帮我安装这个 Agent Skill：devtools-elements（开发工具元素）
来源仓库：https://github.com/crafter-station/elements
仓库路径：skills/devtools-elements
安装命令：
npx skills add https://github.com/crafter-station/elements --skill devtools-elements
安装前请先检查当前环境是否支持对应 CLI，并向我确认将要执行的命令、安装目录、联网范围和文件读写权限；确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill；本站只展示命令，不托管安装包，也不自动执行。

skills.shnpx skills

npx skills add https://github.com/crafter-station/elements --skill devtools-elements

简介

提供八个零依赖的开发者组件库，用于增强 UI 交互体验。

包括 JSON 查看器、API 响应渲染与代码差异对比工具。
支持终端输出模拟与环境变量编辑器等功能模块。
采用 shadcn 安装模式，便于集成到现有前端项目中。
devtools-elements 属于研究检索类 Skill，可作为该场景下的辅助能力补充。

SKILL.md

Dev Tools Elements

8 developer utility components. Zero external dependencies.

Install Pattern

npx shadcn@latest add @elements/{name}

Components

Component	Install	Description
JSON Viewer	`@elements/json-viewer`	Collapsible JSON tree with search
API Response Viewer	`@elements/api-response-viewer`	HTTP response with status, headers, body
Code Diff Viewer	`@elements/code-diff-viewer`	Side-by-side or inline diff
CLI Output	`@elements/cli-output`	Terminal-like output renderer
Env Editor	`@elements/env-editor`	Environment variable editor
Error Boundary UI	`@elements/error-boundary-ui`	Error boundary with stack trace
Webhook Tester	`@elements/webhook-tester`	Webhook request/response tester
Schema Viewer	`@elements/schema-viewer`	JSON Schema / OpenAPI renderer

Quick Patterns

# API debugging
npx shadcn@latest add @elements/api-response-viewer @elements/json-viewer

# Dev dashboard
npx shadcn@latest add @elements/env-editor @elements/webhook-tester @elements/cli-output

# Error handling
npx shadcn@latest add @elements/error-boundary-ui

# All dev tools
npx shadcn@latest add @elements/json-viewer @elements/api-response-viewer @elements/code-diff-viewer @elements/cli-output @elements/env-editor @elements/error-boundary-ui @elements/webhook-tester @elements/schema-viewer

Discovery

Browse https://tryelements.dev/docs/devtools

适合场景

用户想查找某类 Agent Skill 时

需要根据任务场景推荐可安装能力包时

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明，方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用；具体调用方式请以来源页面和 README 为准。

平台分布

Codex

36.99%

按下载量换算61

Claude

29.83%

按下载量换算49

Cursor

17.78%

按下载量换算29

Gemini CLI

10.85%

按下载量换算18

安全审计

Gen Agent Trust Hub

可疑

Socket

通过

Snyk

通过

权限和风险

敏感数据

该 Skill 可能接触密钥、Token、环境变量或敏感配置，应进入高风险复核队列，默认不自动发布。

安装前确认

本站仅展示第三方公开信息，不托管安装包，不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在 warning/failed 结果，不能写成本站确认安全。当前只有一个来源，正式发布前建议补源仓库或其他目录站核验。

来源信息

GitHub 仓库

github.com

/crafter-station/elements

SKILL.md 来源

github.com

/crafter-station/elements/tree/main/skills/devtools-elements

skills-sh

skills.sh

/crafter-station/elements/devtools-elements

继续浏览同类 Skills

更多研究检索 Skills（73,675）返回 Skills 目录

上一个 Skill

devtool-answer-monitor（devtool 应答监视器）

devtool-answer-monitor 用于查找、检索和筛选相关信息，适合在 OpenClaw 中需要根据关键词、任务场景或来源线索快速定位候选结果时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。

下一个 Skill

devtopia（devtopia 命令行）

devtopia 用于查找、检索和筛选相关信息，适合在 OpenClaw 中需要根据关键词、任务场景或来源线索快速定位候选结果时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。