devtools-elements
2
总安装量
2
周安装量
#65235
全站排名
安装命令
npx skills add https://github.com/crafter-station/elements --skill devtools-elements
Agent 安装分布
opencode
2
gemini-cli
2
codebuddy
2
github-copilot
2
codex
2
kimi-cli
2
Skill 文档
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