Skills
.Work. You
Rest

rich-visuals

Community

Render inline HTML visuals in conversations.

Design & Creative#theming#charts#visuals#svg#css-variables#shadow-dom#inline-html
Authorez404-36
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Render inline HTML visuals to enhance conversations with color palettes, charts, progress bars, and stat cards, removing the need to switch contexts for data-rich summaries.

Core Features & Use Cases

  • Render color palettes, bar/line/donut charts, progress bars, stat cards, and badges inline within chats and tool outputs.
  • Use cases include data-driven summaries, design-conscious dashboards, and quick visual explanations in conversations.
  • Use Case: Imagine presenting quarterly metrics directly in chat, with charts and color swatches embedded in the message.

Quick Start

Invoke the rich-visuals visuals block in your message to render inline HTML visuals within the conversation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: rich-visuals
Download link: https://github.com/ez404-36/vroomly/archive/main.zip#rich-visuals

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.