skills.rest
surfingalien
surfingalienCOMMUNITY
Explore all skills by this author →
GitHub

html-anything

Converts ideas, files, folders, URLs, and data exports into styled single-file HTML pages.

1|Updated May 6, 2026
Search Tags:#html#design system#single-file#dashboard#visualization#data export#report generator
One-click install
npx skills add https://github.com/surfingalien/FinSurfing --skill html-anything-surfingalien
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-anything
Source: https://github.com/surfingalien/FinSurfing/tree/main/.claude/skills/html-anything
Command: npx skills add https://github.com/surfingalien/FinSurfing --skill html-anything-surfingalien

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mammoth, pdfjs-dist, and includes references (resource) components.

What problem does it solve? Long AI answers and raw data exports (CSVs, chat logs, PDFs, takeout archives) are hard to read and share as plain Markdown. This Skill turns them into polished, interactive, single-file HTML pages with automatic source detection and style routing. ## Core Features & Use Cases - Automatic source and style routing: Detects 60+ source types (CSV, PDF, DOCX, chat exports, logs, GPX, Kindle highlights, Amazon orders) and picks from 17 design systems such as teaching, dashboard, timeline-story, map-atlas, and terminal-cli. - Four use-case families: Teaching Studios, Files & Work Data, Conversation Analysis, and Personal Data & Places, each mapped to appropriate page layouts. - Browser-verified output: Builds the HTML, checks rendering on desktop and mobile viewports, and enforces a style-fidelity gate before handoff. - Use Case: Ask "Turn my Spotify history into a year-in-review page" and receive a verified timeline-story HTML artifact instead of a long text summary. ## Quick Start Ask the agent to turn your file or idea into a shareable HTML page, for example: "Teach me the solar system as an interactive page" or "Make this CSV into a dashboard I can share."

Frequently Asked Questions about html-anything

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

FAQPage Schema
How do I turn a CSV or PDF file into an HTML dashboard?▼

Attach the file and ask for a dashboard, report, or shareable page. The skill samples the source, picks a matching style such as dashboard or document, builds the HTML, and verifies it in a browser before returning the file path.

What file formats and data exports does html-anything support?▼

It handles CSV, JSON, JSONL, Markdown, PDF, DOCX, logs, chat exports (WeChat, WhatsApp, Slack, Telegram), GPX/KML routes, Kindle highlights, Amazon orders, Spotify history, Apple Health, and Google Photos Takeout, among 60 source prompts.

Can I use html-anything with Claude Code, Codex, or Cursor?▼

Yes. Install it with npx skills add clockless-org/html-anything for most CLI agents, or clone it into ~/.claude/skills/html-anything for Claude Code. It also works on claude.ai via skill upload and through the Claude API.

Does the generated HTML page require an internet connection?▼

No. Pages are local-first and static with inline CSS and JS and no external CDN dependencies by default. The only default external call is a Google Fonts import, and single-file output inlines everything where practical.

Is my private data safe when generating pages from chat or finance exports?▼

Generated HTML can embed source records client-side, so treat output as sensitive as the original export. The skill masks identifiers by default for chats, payments, and contacts, and avoids raw-message appendixes for intimate conversations.

When should I not use html-anything for a response?▼

Skip it for quick factual answers, small code edits, short commands, or changes inside an existing app where source code is the deliverable. It is designed for page-worthy outputs like reports, teaching sites, recaps, and atlases.

Related Skills

Explore More Design & Creative Skills→
amplitudeamplitude
142

pm-weekly-brief

Summarize weekly Slack, Calendar, and Drive activity into a markdown brief.

Official
Intermediate
rohitg00rohitg00
2.8k

wiki-viewer

Renders a pro-workflow wiki into a self-contained HTML file with search, link graph, and seed queue.

Community
Intermediate
Lineage-and-LoreLineage-and-Lore

acestep-thumbnail

Generate song cover and thumbnail images via the Gemini API.

Official
Intermediate
cap-collectifcap-collectif
26

cartography

Build interactive maps with Leaflet, React-Leaflet, and Mapbox tiles.

Official
Intermediate