skills.rest
KanuToCL
KanuToCLCOMMUNITY
Explore all skills by this author →
GitHub

visualize

Generate HTML visualizations from diverse content types using design archetypes.

Updated Jan 19, 2026
Search Tags:#design#html generation#reporting#visualization#content transformation#pixelcloud
One-click install
npx skills add https://github.com/KanuToCL/SonoTag --skill visualize-kanutocl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visualize
Source: https://github.com/KanuToCL/SonoTag/tree/main/.claude/skills/visualize
Command: npx skills add https://github.com/KanuToCL/SonoTag --skill visualize-kanutocl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill transforms any content into a beautiful, distinctive, and interactive HTML page, eliminating the need for generic AI output aesthetics and making information shareable and engaging.

Core Features & Use Cases

  • Content Transformation: Converts text, data, code, or concepts into production-grade HTML visualizations.
  • Archetype-Driven Design: Leverages specific design briefs (e.g., Presentation Deck, Dashboard, Experiment Report) for contextually appropriate and unique outputs.
  • Pixelcloud Upload: Automatically uploads the generated HTML to Pixelcloud for easy sharing and access.
  • Use Case: Turn a complex technical explanation into an interactive architecture diagram, summarize a lengthy meeting into a scannable timeline, or present experiment results as a polished, data-rich report.

Quick Start

Use the visualize skill to create a presentation about our Q4 results.

Frequently Asked Questions about visualize

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert text or data into an interactive HTML visualization?▼

To convert content into an HTML visualization, this Skill transforms text, data, or code into production-grade HTML pages using archetype-driven design principles. It automatically generates distinctive, interactive layouts tailored to your specific content type.

What is the best way to generate a presentation deck from conversation context?▼

Generating a presentation deck from conversation context is handled by leveraging specific design archetypes like Presentation Deck. The Skill automatically gathers content from your conversation context or workspace files to create a polished, interactive HTML output.

Can I automatically upload generated HTML reports to Pixelcloud?▼

Yes, you can automatically upload generated HTML reports to Pixelcloud. The Skill handles the upload process directly via MCP tools or the px CLI, making your content immediately shareable and accessible after generation.

Does the HTML generation process support custom output paths and templates?▼

The HTML generation process fully supports custom output paths and templates. This allows you to control where your generated visualizations are saved and apply specific structural formatting to the resulting HTML files.

What types of content can I transform into an HTML report?▼

You can transform diverse content types into an HTML report, including lengthy meeting notes, complex technical explanations, and experiment results. The Skill applies design briefs like Experiment Report or Dashboard to ensure contextually appropriate outputs.

Related Skills

Explore More Design & Creative Skills→
OneWave-AIOneWave-AI
245

linkedin-post-optimizer

Optimize LinkedIn post drafts with hooks, hashtags, and markdown formatting.

Official
Basic
RedWoodOGRedWoodOG
174

excalidraw

Generate Excalidraw-compatible JSON diagrams and save them as .excalidraw files.

Community
Intermediate
dSchulenburgdSchulenburg
3

h5p-wordpress-workflow

Create and publish H5P interactive content into WordPress websites.

Community
Intermediate
h4vzzh4vzz
33

data-visualization

Generate static and interactive charts from structured data using matplotlib, seaborn, and plotly.

Community
Intermediate