visualise
Inline interactive diagrams, charts, and visual explainers
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install visualise?▼
Run `npx skills add bentossell/visualise --all -g -y` in your terminal to install the skill globally for your coding agent.
What does the visualise skill do?▼
It lets your coding agent render real interactive visuals — flowcharts, architecture diagrams, charts, and comparison layouts — directly inline in the conversation instead of describing them in plain text.
How do I trigger visualise in a conversation?▼
Just ask your agent to visualize, diagram, chart, or compare something, or simply say "show me". The skill activates automatically when a visual explanation would help.
Does visualise require a special client to render visuals?▼
The skill outputs standard HTML and SVG fragments. Clients that support the `visualizer` code fence render them in a sandboxed iframe; otherwise the output still opens as valid HTML in any browser.
Can I use visualise without design experience?▼
Yes. The skill includes a complete design system with colors, typography, and layout rules, so every generated visual looks clean and consistent automatically.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video