Skip to content
Agentmart
Submit a tool

visual-design

產生有清楚視覺層次的 SVG／PNG 圖表、圖示與插畫，或分析既有圖片。

Skill by xujk0217

IndexedMIT
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/xujk0217-visual-design

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

產生有清楚視覺層次的 SVG／PNG 圖表、圖示與插畫，或分析既有圖片。

Use cases: design

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/visual-design

What's inside

Skill name
visual-design
Description
產生有清楚視覺層次的 SVG／PNG 圖表、圖示與插畫，或分析既有圖片。
License
MIT
Instructions
4 lines in SKILL.md · view on GitHub

Files (1)

  • SKILL.md

SKILL.md (first lines)

依用途決定尺寸、構圖、色彩、字級與對比。圖表文字、單位與數值必須符合使用者提供的資料。可以使用 create_visual 把安全 SVG 轉成 PNG，適合圖表、圖示、資訊圖與向量插畫。照片或擬真圖像需要已連接的影像生成 MCP 工具；沒有時說明目前能力，不把 SVG 當成照片型生圖。分析既有圖像時使用 inspect_image，不能僅憑檔名描述內容。

資料長條／折線／圓餅圖優先使用 create_chart，直接給 labels、series 與真實數值，保留來源、單位與合成資料標記。工作流程使用 create_diagram 的 nodes／edges。兩者隨 VSIX 內建，無需 OpenClaw、額外安裝、API key 或 Shell。只有圖示、自訂向量插畫與資訊圖才需要手寫 SVG 給 create_visual。使用工具儲存的真實 path／artifact 回報，不把未保存的程式碼當成已產圖。

From xujk0217/ntpu-ai-vscode, MIT.

More from xujk0217/ntpu-ai-vscode

Signals

Stars
0
Forks
0
Open issues
9
Last commit (this folder)
Oct 20, 2026 (10 days ago)
Last release
Oct 20, 2026 (10 days ago)

From GitHub (fetched Oct 24, 2026).

Details

License
MIT
Repository
github.com/xujk0217/ntpu-ai-vscode
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
GitHubgithub-graphql

More from xujk0217

Cite this page

visual-design skill. Agent Mart. https://agentmart.dev/skills/xujk0217-visual-design (last updated 2026-10-24)