ソース情報
- リポジトリ
- openvetta/open-vetta
- ソースの最終更新活動
- 2026年7月23日 09:51
- 検出された SKILL.md の言語
- 中国語
- スター
- 6
- フォーク
- 2
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
メニュー
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/openvetta/open-vetta --skill chart-rendererコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか?SkillsMP が現在取得できるファイルをダウンロードできます。
Drive a real Chrome browser to do things on the web - navigate, read pages that need a login, click, fill and submit forms, take screenshots, and extract data from an interactive page. Use when the user wants the agent to actually operate a site (sign in, click through, submit, export, check an order/dashboard/admin page), not when a summary from search results is enough. Runs the agent-browser CLI through a plugin-managed shim.
Build and edit design documents (.vetd) on the Vetta design canvas — app screens, landing pages, slides, posters, infographics. Use when the user asks for a UI design, mockup, screen, deck, or poster, or attaches a design frame/element from the canvas. Frames are real React (TSX) routes, not pictures. Do NOT use for ordinary front-end work in the user's own codebase — building, styling or reworking pages of a real app is that repo's job, and none of the vetd_* tools or canvas rules here apply to it.
Inspect, diagnose, create, edit, connect, and run Vetta content-creation node workflows. Use when the user asks to build or modify a content workflow, refers to selected canvas nodes, wants to understand workflow or generation status, needs an image/video generation failure diagnosed, or asks the agent to operate the content-creation canvas.
SOC 職業分類に基づく
SKILL.md を表示中
| name | chart-renderer |
| description | 创建适用于图表渲染插件的 Chart.js 图表。当用户要求把数据做成图表、可视化趋势、比较分类或展示占比时使用。 |
把用户提供的数据整理成一次 render_chart 工具调用,让图表出现在当前 MessageList 消息下方。不要只输出 Markdown 表格来替代图表。
必须传:
type: line、bar、pie、doughnut、polarArea、radar、scatter 或 bubbledata: 标准 Chart.js data 对象可选传:
options: 标准 Chart.js options 对象title: 简短中文标题description: 一句话说明统计口径或时间范围height: 180 到 560 之间的数字,默认 300charts: 可选的图表数组,最多 4 个;使用 charts 时每一项都必须包含自己的 type 和 data优先使用一次 render_chart 调用中的 charts 数组生成多图表。单图表也可以继续直接传 type 和 data,以兼容旧调用。
如果用户同一轮需要多个图表,必须尽量合并到一次工具调用中,不要连续调用多次 render_chart。最多 4 个图表,超过 4 个时按用户最重要的指标合并或分批,并先说明限制。
charts 数组调用,不要连续调用工具分类图表使用:
{
"labels": ["一月", "二月", "三月"],
"datasets": [
{
"label": "销售额",
"data": [120, 180, 240],
"backgroundColor": "#2563eb",
"borderColor": "#2563eb"
}
]
}
折线图和柱状图可以有多个 datasets。饼图和环形图通常使用一个 dataset:
{
"labels": ["华东", "华南", "华北"],
"datasets": [{
"label": "订单占比",
"data": [45, 30, 25],
"backgroundColor": ["#2563eb", "#16a34a", "#f59e0b"]
}]
}
linebardoughnut 或 pieradarscatterbubblecharts 数量必须在 1 到 4 之间;每个图表都必须有合法的 type 和 data。labels 和 datasets[].data 的长度应一致;不要混用中文标签和缺失数据。null,不要使用 NaN 或字符串数字。error 和 retryable 字段,立即修正参数并重试一次;不要结束当前任务。charts 数组,不要为每个图表分别调用工具。