visualize

visualize is a skill for Claude Code from chuancyzhang/deepseek-cowork. It costs 27 tokens per session (908 once invoked), scanned A, original, Apache-2.0.

A skill for creating interactive charts, data explorers, diagrams, simulations and interface previews as executable HTML fragments. HTML is the format used to structure web pages.

In plain words
What is it for?
Use it to generate charts, diagrams, simulations, exploratory data views and UI previews.
Why use it?
It turns data or concepts into interactive views that can be inspected directly in a conversation.

Skill for Claude Code

Written for Claude Code: allowed-tools in frontmatter.

Good fit Use it to generate charts, diagrams, simulations, exploratory data views and UI previews.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/chuancyzhang/deepseek-cowork/visualize
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add chuancyzhang/deepseek-cowork --skill visualize
Clone the repo
git clone --depth 1 https://github.com/chuancyzhang/deepseek-cowork

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for visualize

README.md
[![agentmods](https://agentmods.dev/badge/skills/chuancyzhang/deepseek-cowork/visualize/github.svg)](https://agentmods.dev/skills/chuancyzhang/deepseek-cowork/visualize)
Your own site
<a href="https://agentmods.dev/skills/chuancyzhang/deepseek-cowork/visualize"><img src="https://agentmods.dev/badge/skills/chuancyzhang/deepseek-cowork/visualize/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for visualize

Your own site · 80×15
<a href="https://agentmods.dev/skills/chuancyzhang/deepseek-cowork/visualize"><img src="https://agentmods.dev/badge/skills/chuancyzhang/deepseek-cowork/visualize.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 27 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 908 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00027 $0.00908
Opus 5.5 $0.00011 $0.00363
Sonnet 5.5 $0.00005 $0.00182
Haiku 4.5 $0.00003 $0.00091

Measured 1mo ago against content hash eed13e754dec, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

visualize scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

The scan reads SKILL.md. This mod also ships 1 executable file (impl.py), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

ai_skills/visualize/SKILL.md · 62 lines

What it actually says

Visualize

仅在交互视图能明显改善理解、比较或探索时使用本插件。静态结构能用普通 Markdown 或 Mermaid 说明时,不要生成内联可视化。

Workflow

  1. 使用 run_visualization_python 读取当前工作区数据、计算、聚合和抽样。
  2. Python 代码必须从环境变量 COWORK_VISUALIZATION_DIR 获取输出目录,并在其中写入一个 ASCII 小写连字符命名的 .html 文件。
  3. 文件只能是 HTML Fragment;不要包含 doctype、html、head 或 body。
  4. 调用 finalize_inline_visualization 校验并发布该文件。
  5. 把工具返回的 directive 原样单独放在最终回复中需要显示交互视图的位置。不要把它放进代码块或 Markdown 链接。
  6. 修改已有视图时重新生成文件并再次发布,不覆盖已发布版本。

Fragment contract

  • 总大小必须小于 2 MB。大数据应先聚合、分箱、抽样、降低精度或删除未使用字段。
  • 根元素必须有唯一 id,脚本必须通过该 ID 获取根节点。
  • 使用字面 HTML 和真实换行;不要把 \\" 或 \\n 留在最终文件中。
  • 交互数据应内联。禁止 fetch、XHR、WebSocket、表单提交和运行时本地文件访问。
  • 优先使用原生 HTML、SVG、Canvas、CSS 和内联 JavaScript。标准 SVG/XML 命名空间 URI 不属于网络资源,可以正常使用。
  • 仅在确有必要时加载静态外部资源,并使用版本固定的 HTTPS URL。允许的 CDN 为 cdnjs.cloudflare.com、esm.sh、cdn.jsdelivr.net、unpkg.com、fonts.googleapis.com、fonts.gstatic.com 和 fonts.bunny.net;其他来源会在发布时被拒绝。
  • 禁止 fetch、XHR、WebSocket、表单提交和运行时本地文件访问;外部资源加载或 CSP 拦截失败会直接显示错误,不能把空白图表当作成功结果。
  • 使用 --background、--foreground、--muted-foreground、--border、--accent、--primary 和 --viz-series-* 主题变量;不要硬编码浅色或深色背景。
  • 填满可用对话宽度,默认按 736px 设计并支持 320px;避免固定外宽、横向滚动、position: fixed 和 viewport-height 布局。
  • 使用原生 button、input、select、textarea,提供标签、键盘操作和 SVG <title>/<desc>。
  • 每个选择、筛选或参数变化都必须真实更新视图。生成后检查所有查询元素存在且 JavaScript 无未定义变量。

State

需要在历史会话中恢复筛选或选择时:

const saved = await window.cowork.loadState();
// apply saved values before the first render
window.cowork.saveState({ selectedId, filters });

只保存展示状态。不要保存密码、文件内容、凭据或超过 64 KB 的数据。

Output

最终回复仅保留必要的简短说明和发布工具返回的指令,例如:

::cowork-inline-vis{file="customer-explorer-a1b2c3d4.html"}
Files

What ships with it

2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 62 lines · 27 tokens per session scan A eed13e754dec

Subscribe to this mod's changes

visualize is a skill published in the GitHub repository chuancyzhang/deepseek-cowork (18 stars, last pushed today), licensed Apache-2.0. It adds 27 tokens to every session and 908 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

webgl-holographic-foil

A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.

nexu-io/open-design · 41 tokens

html-ppt-hermes-cyber-terminal

OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.

nexu-io/open-design · 53 tokens

html-ppt-taste-brutalist

16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).

nexu-io/open-design · 78 tokens

visual-ralph

Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ultragoal with built-in visual verdict and pixel-diff evidence until the implementation matches and leaves a reproducible design system.

Yeachan-Heo/oh-my-codex · 52 tokens

glance-canonical-layouts

Use this skill to create home screen widgets using Jetpack Glance Canonical Layouts from the Android Platform Samples project, or when asked to implement standard widget layout patterns (including Check List, Image Grid, Snap Scrolling, and Standard Toolbar).

android/skills · 56 tokens

accessibility

Consolidated accessibility skill entrypoint for WCAG 2.2, ARIA Authoring Practices, cognitive accessibility, Section 508, EN 301 549, design intent verification, and the Accessibility Planner workflow.

microsoft/hve-core · 47 tokens