zengtianli

HTML — Development skill for Claude Code

Development community

把本次会话的成果按标准富 HTML 范式(vault-citizen)渲染一页给用户.

How to install HTML

Installs to ~/.claude/skills/zengtianli-cc-configs-html/SKILL.md

Terminal
mkdir -p ~/.claude/skills/zengtianli-cc-configs-html && curl -fsSL https://raw.githubusercontent.com/zengtianli/cc-configs/HEAD/commands/html.md -o ~/.claude/skills/zengtianli-cc-configs-html/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What HTML does


description: 把本次会话的成果按标准富 HTML 范式(vault-citizen)渲染一页给用户。用户说"/html / html 汇报 / 成果按 html 给我 / 出个 html / 这个用 html 给我"触发。

/html — 成果按标准样式 HTML 汇报

把**本次会话的成果**(结论 / 对账 / 方案 / 报告 / 清单 / 决策)按标准富 HTML 范式渲染一页给用户。

**与姊妹命令的区别**:

  • /debrief — 会话总结(goals + commits + pending,含 git log)
  • /html-fig — 作图(SVG/PNG/PDF 多导出 + 样式预览)
  • /html — 成果交付物本身做成 HTML(本命令)

标准样式(硬约束 · 全部继承现有 vault-citizen 范式)

样式细节 SSOT = `~/Dev/tools/cc-configs/skills/debrief/SKILL.md §3.3-3.4`,直接套用。核心约束:

  • **单文件 ·

Alternatives in Development

  • Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
  • HTML Report — /html-report - Generate Application Tracker Dashboard 36.6k ★
  • HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★

Full documentation available on GitHub

View Source Repository