html-output

仓库创建 2026年7月4日最近提交 21 天前SkillHot 收录 20 天前

▸ 精选理由

当结果需要视觉呈现或交互式展示时，比纯文本更直观与专业。

▸ 风险提示

会在文件系统写入输出文件，注意目标路径与权限以免覆盖重要文件。

这个 Skill 做什么

生成自包含的 HTML 文档以图文并茂地呈现复杂信息或设计方案。

把复杂信息做成自包含的 HTML 文档，能图文并茂地展示流程图、颜色样板、表格对比或内嵌 SVG。适合发设计方案、架构图、code review 摘要或需要交互示例的场景，不适合纯文本清单。特别之处是能把视觉元素和交互控件打包成一个文件，方便直接浏览或发给同事查看。

▸ 展开 SKILL.md 英文原文

HTML output generator for output that would benefit from being presented in a visually rich document. Use when communicating architectural plans, design options, code review summaries, workflows, comparisons, novel concepts, color choices, or any information that benefits from visual illustration — inline SVG diagrams, color swatches, structured comparison grids, interactive controls. Not needed for simple lists, linear text, or straightforward data using well-understood terminology.

内容创作HTML 输出可视化文档自包含通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/ceilidhboy/skills/master/skills/html-output/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/ceilidhboy/skills/master/skills/html-output/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# HTML Output

Generate self-contained HTML documents instead of Markdown when the
information benefits from visual illustration. Read the supporting files
below as needed for the specific task.

## Output Location

Resolve the output directory using this fallback chain:

1. **Environment variable** `PI_HTML_OUTPUT_DIR` — if set, use this path
2. **Pi global settings** — check `htmlOutputDir` key in `~/.pi/agent/settings.json`
3. **Fallback** — use `~/.pi/agent/html-output/` (creates it if needed)

Name files descriptively, e.g. `oauth-flows-explainer.html`.

### Presenting the result

When the file is written, present the clickable link to the user on its own
line, prefixed with the pointin

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有