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 wangbin3162/agents-skills --skill html-prompt-generatorgit clone --depth 1 https://github.com/wangbin3162/agents-skillsWrote 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/wangbin3162/agents-skills/html-prompt-generator)<a href="https://agentmods.dev/skills/wangbin3162/agents-skills/html-prompt-generator"><img src="https://agentmods.dev/badge/skills/wangbin3162/agents-skills/html-prompt-generator/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/wangbin3162/agents-skills/html-prompt-generator"><img src="https://agentmods.dev/badge/skills/wangbin3162/agents-skills/html-prompt-generator.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.00069 | $0.00960 |
| Opus 5 | $0.00034 | $0.00480 |
| Sonnet 5 | $0.00014 | $0.00192 |
| Haiku 4.5 | $0.00007 | $0.00096 |
Grade A, and why
html-prompt-generator 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 9d 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
HTML Prompt Generator（中文）
目标
把用户的“需求概述”转换为可直接使用的高质量提示词（默认输出 3 个）。
本技能用于：
- 先澄清信息（信息不足时必须先问）
- 再生成提示词（不是直接写网页代码）
输入与行为规则
1) 先判断信息是否完整
在生成提示词前，检查以下关键字段：
- 目标产物（例如：PPT 风格网页、官网首页、数据看板）
- 主题/业务目标
- 主要功能要求（至少 2-3 条）
- 风格要求（视觉风格）
- 技术偏好（HTML/CSS/JS、框架、可用库）
- 交付要求（输出什么、是否可运行、是否便于二改）
- 图标库偏好（如 Font Awesome / Material Symbols / 无）
- 响应式策略（桌面优先 / 移动优先 / 双端）
若有缺失：
- 必须先提问补齐，再生成提示词。
- 一次只问一个问题。
- 优先用可选项问法，减少用户输入负担。
2) 输出数量与语言
- 默认输出 3 个 可直接使用的提示词。
- 用户明确要求 1 个或 2 个时，按用户要求。
- 全程中文（提问与最终提示词都用中文）。
3) 三个提示词的差异化定位（默认）
- 提示词 A（稳健版）：结构清晰、约束完整、适合一次成稿。
- 提示词 B（平衡版）：质量与创意平衡，适合一般项目。
- 提示词 C（探索版）：鼓励更强视觉表达与交互创新，但仍保证可落地。
参考模板映射规则
将用户需求映射到以下模板骨架字段（可扩展）：
- 角色
- 任务目标
- 内容规划（分析/设计/实现）
- 设计风格要求
- 技术要求
- 资源与依赖
- 交付标准
- 特殊要求
- 参考示例（如用户未提供，显式标注“无”）
- 输出要求
若用户提供了自己的模板文本，优先沿用其字段顺序与术语；仅补全必要约束，不要改写成完全不同风格。
澄清问题模板（按需复用）
当字段缺失时，使用类似问法：
- 图标库你更偏向哪种？A) Font Awesome B) Material Symbols C) Heroicons D) 不指定
- 响应式你希望：A) 桌面优先 B) 移动优先 C) 双端都重点
- 页面切换动画强度希望：A) 极简 B) 中等 C) 明显
输出格式（严格遵循）
先输出“信息确认摘要”，再输出 1-3 个提示词。
## 信息确认摘要
- 目标产物：...
- 主题：...
- 功能要求：...
- 风格要求：...
- 技术偏好：...
- 交付要求：...
- 图标库：...
- 响应式策略：...
## 提示词 A（稳健版）
[完整可直接复制使用的提示词]
## 提示词 B（平衡版）
[完整可直接复制使用的提示词]
## 提示词 C（探索版）
[完整可直接复制使用的提示词]
生成质量要求
每个提示词都应满足：
- 可直接投喂给代码生成模型使用。
- 包含明确结构、风格、技术、交付标准。
- 包含可验收条件（3-5 条）。
- 不写空泛词，尽量可执行、可检查。
- 不输出实现代码，只输出“提示词文本”本身（除非用户明确要代码）。
What ships with it
1 file 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.
- 9d ago First seen · 96 lines · 69 tokens per session scan A 6c404550f5fc
html-prompt-generator is a skill published in the GitHub repository wangbin3162/agents-skills (2 stars, last pushed 2mo ago), licensed MIT. It adds 69 tokens to every session and 960 once invoked, about $0.0003 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-08-31.
Other skills, from other repositories
llm-app-patterns
Production-ready patterns for building LLM applications. Covers RAG pipelines, agent architectures, prompt IDEs, and LLMOps monitoring. Use when designing AI applications, implementing RAG, building agents, or setting up LLM observability.
prompt-optimization
Improve a prompt on the evaluations workbench through a measured loop. Score the baseline first, then duplicate the target column, form a hypothesis from failing rows, edit the copy's prompt draft, run, compare pass rate and cost, and repeat until the numbers hold. Use when the user asks to optimize or improve a…
enhance-prompt
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
prompt-engineer
Writes, refactors, and evaluates prompts for LLMs — generating optimized prompt templates, structured output schemas, evaluation rubrics, and test suites. Use when designing prompts for new LLM applications, refactoring existing prompts for better accuracy or token efficiency, implementing chain-of-thought or few-shot…
seedance-vocab-en
This skill should be used when an English Seedance 2.0 prompt needs clearer production wording, less generic prose, or precise vocabulary for camera, lighting, motion, VFX, audio, and constraints. Route blocked prompts through seedance-filter for context and boundary review.
ideogram4
Prompting patterns for Ideogram 4 text-to-image — best-in-class in-image text rendering and exact color/layout control via structured JSON captions. Use when generating images that need legible on-image text (title cards, thumbnails, logos, signage, CTAs), precise brand colors, or controlled spatial layout. Triggers…