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 .html artifacts with source-aware parsing, automatic style routing, 60 source prompts, and 17 concrete style systems. Short chats stay short; page-worthy answers become pages.

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

Files & Work Data

Conversation Analysis

Personal Data & Places

Install

Pick the path for your agent: Claude Code · Codex · claude.ai · Claude API · Cursor / Cline / Windsurf / OpenCode / Goose / Letta / … · ClawHub

One command for most CLI and editor agents

npx skills add clockless-org/html-anything

Works with Claude Code, Codex, Cursor, Cline, Windsurf, OpenCode, Goose, Letta, Roo Code, Kiro, and any other agent following the open agent-skills spec. The CLI also pings skills.sh so installs feed the public leaderboard.

Claude Code

git clone https://github.com/clockless-org/html-anything ~/.claude/skills/html-anything

Restart Claude Code so it loads SKILL.md. To update later: git -C ~/.claude/skills/html-anything pull.

Codex

git clone https://github.com/clockless-org/html-anything "${CODEX_HOME:-$HOME/.codex}/skills/html-anything"

Restart Codex.

claude.ai (web)

1. Download html-anything-skill.zip (SKILL.md + prompts/, including style references).
2. In claude.ai: Settings → Features → Skills → Upload a Skill → drop the zip.

Requires Pro / Max / Team / Enterprise with code execution enabled. Custom skills on claude.ai are per-user; each teammate uploads their own copy.

Claude API

curl https://api.anthropic.com/v1/skills \
  -H "x-api-key: $ANTHROPIC_API_KEY" \
  -H "anthropic-beta: skills-2025-10-02,code-execution-2025-08-25,files-api-2025-04-14" \
  -F file=@html-anything-skill.zip

Then reference the returned skill_id in the container of any message. See the Skills API guide. Uploaded skills are workspace-wide.

ClawHub (publish)

This repo carries .clawhubignore so only SKILL.md + prompts/ ship, including canonical style references used by installed agents:

npm i -g clawhub && clawhub login
clawhub publish . --slug html-anything --version 0.1.1 --tags latest

Where it does not work

Surface	Status
ChatGPT / chatgpt.com	❌ Custom GPTs are a differen