bentossell/visualise

Registry 信息

项目简介

Visualise 是一个 Claude Skill，允许代理在对话中直接渲染内联交互式视觉元素，包括 SVG 图表、HTML 组件、图表和解释器，通过动态视觉内容增强沟通效果。

要点

• 渲染内联 SVG 图表，提供清晰的视觉解释
• 支持 HTML 组件，实现交互式元素
• 生成图表和图形，用于数据可视化
• 创建解释器，简化复杂概念
• 无缝集成到代理对话中

使用场景

• 在代理回复中使用图表可视化数据趋势
• 创建交互式图表用于技术解释
• 构建自定义 HTML 组件以提升用户参与度
• 通过视觉解释器简化复杂工作流程
• 使用动态视觉元素增强代理沟通

README 摘要

# visualise An [Agent Skill](https://agentskills.io) that lets coding agents render rich interactive visuals — SVG diagrams, HTML widgets, charts, and explainers — directly inline in conversations. Instead of describing a flowchart or pasting ASCII art, the agent generates a real interactive visual. Diagrams you can click, sliders you can drag, charts that update live. built by [droid](http://factory.ai/) ## Installation **User-level (recommended)** ``` git clone https://github.com/bentossell/visualise.git ~/.agents/skills/visualise ``` **Project-level** ``` git clone https://github.com/bentossell/visualise.git .agents/skills/visualise ``` ## Usage The skill activates automatically when you ask an agent to: - Visualize, diagram, or chart something - Explain how something works (spatial/sequential concepts) - Compare options side-by-side - Draw, map out, or illustrate an idea Or just say: *"show me"*. ## How It Works The skill uses progressive disclosure to stay lean. At startup, only the name and description are loaded (~100 tokens). When activated, the agent reads the main instructions, then pulls in only the reference docs it needs: - **design-system.md** — CSS variables, color ramps, typography - **components.md** — interactive explainers, comparisons, cards, steppers - **diagrams.md** — flowcharts, structural, illustrative diagrams - **charts.md** — Chart.js and data viz patterns Output is raw HTML/SVG fragments rendered in a sandboxed iframe. No build step, no dependencies. ## Client support This skill teaches agents *what to generate* — it doesn't include a renderer. The output is HTML/SVG wrapped in a `visualizer` code fence. If your agent client supports rendering that fence in a sandboxed iframe, visuals appear inline. If not, the output is s

话题

暂无话题