# Visualize

Create interactive diagrams, simulations, charts, and small tools directly inside...

- Repository: https://github.com/TokenRhythm/opensquilla (7104 stars)
- Category: Engineering
- License: Apache-2.0
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add TokenRhythm/opensquilla --skill visualize -g -a claude-code -y`
Codex: `npx skills add TokenRhythm/opensquilla --skill visualize -g -a codex -y`
Cursor: `npx skills add TokenRhythm/opensquilla --skill visualize -g -a cursor -y`
Gemini CLI: `npx skills add TokenRhythm/opensquilla --skill visualize -g -a gemini-cli -y`

## Description

Create interactive diagrams, simulations, charts, and small tools directly inside conversation. Use when manipulating a visual helps explain, compare, or explore a question.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Interactive visuals in conversation

Choose a visual that helps answer the user's question: relationships for an
architecture, steps for a process, aligned views for a comparison, or linked
inputs and results for a simulation. Every control should visibly change the
diagram, selection, result, or explanation. Do not substitute a long statistics
report for a relationship diagram or add decorative controls with no effect.

## Read the relevant guidance

Read [Shared visual guidance](references/guidance-base.txt) through `skill_view`
before creating a visual. Then read the relevant modules, combining them when
useful; they describe general capabilities, not a fixed catalog of examples:

- [Diagrams](references/guidance-diagram.txt): architectures, flows, sequences,
  relationships and hierarchies.
- [Charts](references/guidance-chart.txt): comparisons, trends, distributions,
  proportions and correlations.
- [Data views](references/guidance-data_viz.txt): dashboards, tables, heatmaps,
  custom data graphics and maps from available embedded data.
- [Interactive explanations](references/guidance-interactive.txt): simulations,
  calculators and controls that visibly change the result.
- [Interface mockups](references/guidance-mockup.txt): product interfaces and
  prototypes with local demonstration interactions.
- [Information collection](references/guidance-elicitation.txt): several related
  choices or constraints needed for an explicitly requested subsequent task.
- [Illustrations](references/guidance-art.txt): explanatory drawings and art.

For example, a selectable architecture uses diagrams plus interactive guidance;
a filterable dataset uses charts or data views plus interactive guidance. Choose
the visual from the user's question, not from the examples below. A plain answer,
Markdown table or static diagram may already be sufficient.

The rest: https://github.com/TokenRhythm/opensquilla/blob/HEAD/src/opensquilla/skills/bundled/visualize/SKILL.md