html-everything

KO | EN

gitlite — search

#gemini #cli #api #sql #docker #csharp #nodejs #php #svg #windows

html-everything

(★ 9)

Lightweight Claude Code skill: convert any blob (Markdown, JSON, prose, URL) into a single self-contained editorial HTML page with clickable links throughout. No deps.

File Explorer

ZIP Download

- demo-input.md
- demo-output.html
- - SKILL.md
.gitignore
LICENSE
README.md

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

A Claude Code skill that converts **any blob of content** — Markdown, JSON, plain text, a URL to a doc — into a single self-contained editorial HTML page with clickable links.

Lightweight: one SKILL.md, no dependencies, no API keys, no build step.

```
/html-everything ~/Documents/scrape.md
/html-everything '{"title": "Q1 picks", "items": [...]}'
/html-everything https://some-doc-url.com/report
/html-everything           ← then paste content inline
```

## What you get

A single `.html` file at `$HTMLE_OUTPUT_DIR` (defaults to `~/Documents/html-everything/`) — editorial scorecard layout, Archivo Black display type, Inter Tight body, JetBrains Mono numerics, every URL wrapped as `<a href>`, responsive, no external assets beyond Google Fonts.

Designed to be **shareable in Slack / email / DMs** where the links matter and PNGs don't.

## Install

```bash
git clone https://github.com/iharnoor/html-everything ~/Developer/html-everything
ln -s ~/Developer/html-everything/skills/html-everything ~/.claude/skills/html-everything
```

Then `/html-everything <input>` works in any session.

## Example

A 5-line markdown blob:

```markdown
# AI coding agents — what I noticed this week

- **Claude Code Agent View** — Anthropic shipped a dashboard for parallel agents · https://x.com/k1rallik/status/2053946261246459950
- **9router** — 40+ provider proxy with 40% token savings, 942★ in a day · https://x.com/conradlotz/status/2053973472150257811
- **r/AI_Agents** ran the contrarian thread of the week · https://www.reddit.com/r/AI_Agents/comments/1taei9m
```

Becomes a fully styled editorial HTML page with the same register as `examples/demo-output.html` in this repo.

## How it works

The skill is a **recipe**, not a binary. SKILL.md tells Claude:

1. Resolve the input (path / URL / inline)
2. Auto-detect content type (Markdown / JSON / plain text)
3. Pick a mood + palette based on content (editorial for tech, mineral for finance, signage for sports, etc.)
4. Generate a single HTML file with the editorial template baked in
5. Save and (optionally) open in browser

No external deps because Claude does the conversion in-context. The skill's value is the **opinionated editorial template + content-aware mood picking**, not the parser.

## Companion skill

Pairs naturally with [`/last72hours`](https://github.com/iharnoor/last72hours-skill) — pipe its raw `.md` scrape into `/html-everything` for a shareable HTML version of any scrape.

## License

MIT.

html-everything

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

html-everything

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

Download README