Skip to content
Agentmart
Submit a tool

generative-ui

Generative UI — 生成交互式可视化内容（HTML widget、SVG 图表、Chart.js 数据可视化、UI mockup、生成艺术）。 基于 Claude.ai 逆向提取的专业设计规范，生成高质量视觉内容并自动在浏览器中预览。…

Skill by enjius

IndexedLicense unknown
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/enjius-generative-ui

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

Generative UI — 生成交互式可视化内容（HTML widget、SVG 图表、Chart.js 数据可视化、UI mockup、生成艺术）。 基于 Claude.ai 逆向提取的专业设计规范，生成高质量视觉内容并自动在浏览器中预览。 当用户提到"可视化"、"画图"、"图表"、"dashboard"、"widget"、"展示"、"visualize"、 "show me"、"draw"、"diagram"、"chart"、"mockup"、"原型"、"交互式"、"interactive"、 "explain visually"、"create a UI"、"数据可视化"、"流程图"、"架构图"时触发此 skill。 即使用户只是说"帮我解释X怎么工作的"、"画一个Y的示意图"、"做一个Z的对比"， 只要上下文暗示需要视觉化呈现，都应触发。 注意：不是所有请求都需要可视化——纯文本回答就够的场景不应使用此 skill。 只有当视觉呈现能显著增强理解时才使用。

Use cases: design, frontend, data

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
Runs as
Python package

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/generative-ui

What's inside

Skill name
generative-ui
Description
Generative UI — 生成交互式可视化内容（HTML widget、SVG 图表、Chart.js 数据可视化、UI mockup、生成艺术）。 基于 Claude.ai 逆向提取的专业设计规范，生成高质量视觉内容并自动在浏览器中预览。 当用户提到"可视化"、"画图"、"图表"、"dashboard"、"widget"、"展示"、"visualize"、 "show me"、"draw"、"diagram"、"chart"、"mockup"、"原型"、"交互式"、"interactive"、 "explain visually"、"create a UI"、"数据可视化"、"流程图"、"架构图"时触发此 skill。 即使用户只是说"帮我解释X怎么工作的"、"画一个Y的示意图"、"做一个Z的对比"， 只要上下文暗示需要视觉化呈现，都应触发。 注意：不是所有请求都需要可视化——纯文本回答就够的场景不应使用此 skill。 只有当视觉呈现能显著增强理解时才使用。
License
unknown
Instructions
119 lines in SKILL.md · view on GitHub

Before installing

  • Ships executable scripts

Files (14)

  • .gitignore
  • README.md
  • SKILL.md
  • SOURCE.txt
  • shell.html · assets/
  • evals.json · evals/
  • guidelines-art.md · references/
  • guidelines-chart.md · references/
  • guidelines-core.md · references/
  • guidelines-diagram.md · references/
  • guidelines-interactive.md · references/
  • guidelines-mockup.md · references/
  • svg-styles.css · references/
  • render.py · scripts/

The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub

More from enjius/agent-team

Signals

Stars
0
Forks
0
Open issues
0
Last commit (this folder)
Aug 31, 2026 (1 month ago)

From GitHub (fetched Oct 24, 2026).

Details

License
License unknown
Repository
github.com/enjius/agent-team
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
GitHubgithub-graphql

More from enjius

Cite this page

generative-ui skill. Agent Mart. https://agentmart.dev/skills/enjius-generative-ui (last updated 2026-10-24)