html-anything is a local AI-assisted HTML editor in which coding-agent command-line tools create documents such as articles, presentations, posters, prototypes, and reports from reusable templates. People use it to produce HTML and export it to services such as WeChat, X, and Zhihu or to HTML and PNG files. The catalogue entries are the skills and instructions that define its output surfaces and workflows.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add nexu-io/html-anything --skill social-reddit-cardgit clone --depth 1 https://github.com/nexu-io/html-anythingWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/nexu-io/html-anything/social-reddit-card)<a href="https://agentmods.dev/skills/nexu-io/html-anything/social-reddit-card"><img src="https://agentmods.dev/badge/skills/nexu-io/html-anything/social-reddit-card/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/nexu-io/html-anything/social-reddit-card"><img src="https://agentmods.dev/badge/skills/nexu-io/html-anything/social-reddit-card.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00033 | $0.00859 |
| Opus 5 | $0.00016 | $0.00430 |
| Sonnet 5 | $0.00007 | $0.00172 |
| Haiku 4.5 | $0.00003 | $0.00086 |
Grade A, and why
social-reddit-card scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 7d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
【模板: Reddit 帖子卡】 【意图】把一段故事 / 提问 / 段子, 渲染成 Reddit 帖子卡片, 用于视频叠加、社媒故事分享。Inspired by hyperframes reddit-post。
【画布】1280×720 (视频叠加) 或 800×600 (单卡分享); 背景透明或暗色 #0b1416。
【卡片结构】
- 外框: 圆角 16px, bg 白
#ffffff(light) 或#1a1a1b(dark, 推荐 video overlay), border 1px#edeff1/#343536。 - 左侧 vote rail (40-56px 宽):
- 上箭头 ▲ (16px,
#878a8c, hover 变橙#ff4500)。 - 票数 (Inter, 17px, weight 700, 居中, 颜色: 0 灰 / 正橙 / 负蓝); 大数字用
12.3k格式。 - 下箭头 ▼ (hover 变蓝
#7193ff)。
- 上箭头 ▲ (16px,
- 主体区:
- 顶部 meta row: 子版块图标 (CSS 圆形 + 字母) +
r/subreddit(粗) +· Posted by u/username · 3h(小字灰)。 - 标题 (Inter / IBM Plex Sans, 22-28px, weight 500, dark text)。
- 内容: 16px body 或 引用块或 1 张图 (CSS 渐变占位)。
- 底部 action row: 💬
1.2k Comments· 🏆 Awards · ⤴️ Share · ⋯ icon。
- 顶部 meta row: 子版块图标 (CSS 圆形 + 字母) +
- 顶部右上角 Reddit Snoo logo (内联 SVG, 橙色
#ff4500)。
【字体】
- 主:
IBM Plex Sans→ fallbackInter, weight 400/500/700。 - 数字: 同主字体。
- 中文:
Noto Sans SC。
【设计细节】
- Light mode: bg
#fff, text#1c1c1c, secondary#7c7c7c。 - Dark mode (推荐): bg
#1a1a1b, text#d7dadc, secondary#818384, border#343536。 - 票数颜色: 正 =
#ff4500, 负 =#7193ff, 0 =#878a8c。 - 标题点击区可加微妙背景 hover。
- 严禁外链图片; 图片占位用 CSS 渐变 + 描述。
- 必须用用户提供的内容; 自动生成合理的 subreddit / username / 票数。
- 单文件 HTML; icon 内联 SVG (上下箭头、评论气泡、奖杯)。
What ships with it
2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 7d ago First seen · 52 lines · 33 tokens per session scan A 7bbb1639ee11
social-reddit-card is a skill published in the GitHub repository nexu-io/html-anything (8,731 stars, last pushed 18d ago), licensed Apache-2.0. It adds 33 tokens to every session and 859 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other skills, from other repositories
social-reddit-card
Realistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.
frame-macos-notification
Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.
social-x-post-card
Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.
social-reddit-card
Realistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.
social-reddit-card
Realistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.
hps-retro-tv
A family history told through five decades of home movies — the opening question, the eras, and what the footage reveals. Built as a decision-grade story deck for family, close friends.