visualize
一句话生成精美、可交互的HTML可视化文件
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：visualize。 它的用途是：一句话生成精美、可交互的HTML可视化文件 完整的 Skill 内容见：https://321skill.com/skills/visualize/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“基于附件中的月度销售数据CSV文件，创建一个包含关键指标卡片、月度趋势折线图和产品类别占比饼图的交互式仪表盘，主题用深色。” 它会解析你的数据，并生成一个名为`sales-dashboard.html`的文件，打开即可看到一个美观、响应式的数据看板，支持图表交互和主题切换。
对AI说：“为我的‘智能家居AI助手’创业项目制作一个5页的融资路演幻灯片，需要包含市场痛点、解决方案、商业模式、团队介绍和融资需求。” 它会生成一个完整的幻灯片HTML文件，支持键盘导航、平滑过渡，并可一键导出为PDF或PNG。
介绍
Visualize是一个Claude Code插件，它解决了从想法到可视化呈现的鸿沟。用户只需用自然语言描述想要的可视化内容，无论是数据仪表盘、产品介绍幻灯片还是信息图，该工具都能快速生成一个独立的、高质量的HTML文件，无需手动编写代码。
使用方式极其简单：在安装插件后，直接在Claude Code中描述你的需求，例如“为我的销售数据创建一个仪表盘”或“制作一个关于项目时间线的信息图”，它就会生成一个包含所有代码、样式和交互功能的单一HTML文件。这个文件可以在任何浏览器中打开，完全离线工作。
它非常适合需要快速制作演示材料、数据报告或视觉内容，但又不想或没有时间深入前端开发的各类专业人士。无论是产品经理需要快速制作原型演示，还是数据分析师需要分享数据洞察，或是内容创作者需要制作精美的视觉素材，都能从中受益。
建议在提出需求时尽可能具体，例如包含数据类型、期望的图表样式或品牌颜色，这样生成的视觉效果会更贴合预期。由于生成的是标准HTML/CSS/JS文件，具备前端知识的用户还可以轻松地进行二次定制和扩展。
核心特点
与Gamma、Canva等工具依赖云端模板和订阅制不同，Visualize完全免费，并生成标准、可无限定制的HTML文件，拥有完整的代码控制权和离线使用能力；与PowerPoint等传统软件相比，它深度集成AI工作流，通过自然语言指令一键生成交互式、响应式的可视化内容，而非手动拖拽编辑。
注意事项
不适合需要复杂后端逻辑、实时数据更新或多人协同编辑的场景。
常见问题
生成的文件需要网络才能运行吗？
不需要，生成的HTML是自包含的单一文件，所有资源（如图表库）默认通过CDN引入，但也可选择内联或本地化，完全支持离线使用。
我能修改生成的HTML文件吗？
完全可以。生成的是标准的HTML/CSS/JS代码，你可以用任何代码编辑器打开并自由修改、定制样式和功能。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/visualize/raw/index.md 读取 visualize 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/visualize/raw/index.md（查看排版版本）