html-anything

Convert ideas, files, URLs, or exports into single-file HTML pages.

130|4|Updated May 9, 2026
One-click install
npx skills add https://github.com/clockless-org/html-anything --skill html-anything-clockless-org
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: html-anything
Source: https://github.com/clockless-org/html-anything/tree/main
Command: npx skills add https://github.com/clockless-org/html-anything --skill html-anything-clockless-org

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

html-anything turns rich agent answers and any file, folder, URL, or export into a polished single-file HTML page. It automatically selects a default route plus 17 concrete design systems (teaching, dashboard, atlas, timeline-story, document, …).

Core Features & Use Cases

  • Auto-route: picks the right design system based on content and use case (teaching, files & work data, conversation analysis, or personal data & places).
  • Style-as-system rendering: runs inputs inside one of 17 concrete design systems to preserve first-viewport structure, tokens, and interaction model, producing a shareable HTML artifact.
  • Input versatility: supports ideas, local files, folders, URLs, and exports (PDFs, DOCX, CSVs, chat exports, and more) with privacy-conscious defaults.
  • Output fidelity: outputs a browsable, offline-capable output.html (and assets when needed) that can be opened directly in a browser.

Quick Start

Run html-anything <input> to produce an output HTML artifact.

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 PDF or CSV export into an interactive HTML page?

To turn a PDF or CSV export into an interactive HTML page, provide the file as input and the skill auto-routes it through a local-first rendering pipeline, producing a browsable offline HTML artifact. It handles diverse export types directly.

What is the best way to generate a styled HTML dashboard from raw data offline?

Generating a styled HTML dashboard from raw data offline is best handled by auto-selecting one of 17 concrete design systems. The skill applies style-as-system rendering to your data inputs, ensuring first-viewport structure and offline-capable output fidelity.

Can I convert a folder of files into a single shareable HTML artifact?

Yes, you can convert a folder of files into a single shareable HTML artifact. The skill supports local files and folders as input, processing them with privacy-conscious defaults to generate a standalone output.html viewable directly in any browser.

Does this HTML conversion tool work without an internet connection?

Yes, this HTML conversion tool works completely offline. It uses a local-first rendering pipeline to process inputs and generates a self-contained, offline-capable output.html file that requires no external network requests to view.

How does the tool choose the right design system for different content types?

The tool uses an auto-route mechanism to choose the right design system by analyzing content and use case. It selects from 17 concrete systems like teaching, dashboard, or timeline-story to match your input with the appropriate visual structure.