Html Anything
Turn any file into a beautiful, interactive, shareable HTML — WhatsApp logs, PDFs, transcripts, code, anything.
Install
npx skills add clockless-org/html-anythingclaude mcp add html-anything -- npx skills add clockless-org/html-anything{
"mcpServers": {
"html-anything": {
"command": "npx",
"args": [
"skills",
"add",
"clockless-org/html-anything"
]
}
}
}Install command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →html-anything
The agent skill that turns anything into a beautiful, shareable HTML page. Rich answers, files, folders, URLs, and messy service exports become verified single-file
.htmlartifacts with source-aware parsing, automatic style routing, 60 source prompts, and 17 concrete style systems. Short chats stay short; page-worthy answers become pages.
→ Open the live demo gallery
html-anything works inside Codex and Claude Code. Ask for a teaching site,
drop in a PDF, upload a CSV, point it at a folder, or hand it an export like
Amazon orders, Kindle highlights, Spotify history, WeChat / iMessage,
Google Photos Takeout, logs, GPX, and more. The skill figures out the source,
chooses the right use case and style, builds the page, checks it in a browser,
and hands back a live HTML artifact instead of a long Markdown reply.
Why this exists
AI agents are outgrowing plain Markdown. Inspired by Claude Code team member
Thariq Shihipar's viral
“The Unreasonable Effectiveness of HTML”,
html-anything treats HTML as the richer response format: denser, more visual,
more interactive, and easier to share when the answer is really a page.
Preview
Each card shows the kind of question a user would naturally ask. The skill detects intent, picks the right design system, and ships a polished HTML page — without anyone mentioning HTML. Open the live demo gallery to see the rendered outputs.
Teaching Studios
Teach a concept → Source: teaching brief · Style: teaching Ask: Teach me the solar system.
Learn from long-form text → Source: Markdown file · Style: architectural-spread Ask: Help me understand this essay. (with a markdown file attached)
Learn from a document → Source: DOCX file · Style: kami-reading Ask: Make this memo easier to read. (with a docx file attached)
Files & Work Data
Argument as sequence → Source: strategy essay · Style: editorial-carousel Ask: Help me share this strategy essay with my team.
Guide from dense document → Source: PDF report · Style: digital-eguide Ask: Summarize this report and let me browse it section by section.
Inbox or workstream audit → Source: Mbox archive · Style: soft-saas Ask: What's happening in my inbox? Show me the open loops.
Similar plugs
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local…
Why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman.
Production-grade engineering skills for AI coding agents.
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team…