HTML可视化

Generate interactive self-contained HTML visualizations with inline CSS and JavaScript.

124|12|Updated Apr 5, 2026
One-click install
npx skills add https://github.com/tuyoogame/tyclaw.rs --skill html-tuyoogame
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: HTML可视化
Source: https://github.com/tuyoogame/tyclaw.rs/tree/main/workspace/skills/ops/html-viz
Command: npx skills add https://github.com/tuyoogame/tyclaw.rs --skill html-tuyoogame

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate interactive HTML visualizations that are self-contained and can be shared via a public link without heavy setup.

Core Features & Use Cases

  • Self-contained HTML files with inline CSS/JS for charts, diagrams, UI mockups, dashboards, and demo pages.
  • Optional CDN-augmented visuals via whitelisted libraries (ECharts, Chart.js, Mermaid, D3) to render rich visuals.
  • Upload and publish: produce a public URL from a static hosting service for easy sharing.

Quick Start

Provide your data or design prompt and request an interactive HTML visualization to be generated and uploaded to a static host.

Frequently Asked Questions about HTML可视化

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an interactive HTML dashboard from my data?

To generate an interactive HTML dashboard, provide your data to create a self-contained HTML file with inline CSS/JS, which is then uploaded to a static host for a shareable public link.

Can I use ECharts or Mermaid to build HTML visualizations?

You can use ECharts or Mermaid to build HTML visualizations by loading them via whitelisted CDN resources within a single self-contained HTML file that uses inline CSS and JS.

What is the best way to create a shareable UI prototype without heavy setup?

The best way to create a shareable UI prototype without heavy setup is generating a self-contained HTML file with inline code and uploading it to a static hosting service for a public URL.

Do I need external network fetches to render charts in a single HTML file?

You do not need external network fetches beyond optional whitelisted CDN resources to render charts in a single HTML file, as all HTML, CSS, and JS must be inline to ensure self-contained safety.

Does HTML visualization support workflow diagrams and presentation pages?

HTML visualization supports workflow diagrams and presentation pages by generating interactive, self-contained HTML files that can optionally use Mermaid and other whitelisted libraries for rich visual rendering.

Why does my generated HTML visualization need to be a single file?

Your generated HTML visualization needs to be a single file so it remains self-contained and can be safely uploaded to a static hosting service for public sharing without external network fetch dependencies.