Menu
Generate HTML Preview for any Markdown document, helping humans quickly understand content.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Run a single demo E2E test file, diagnose failures, dispatch fixes to agents, and re-run until pass.
Execute phased task plans by dispatching work to specialized sub-agents for backend, frontend, miniapp, Flutter, or demo phases.
Validate task plan executability and consistency with a 100-point score and P0/P1/P2 fix list.
Convert technical design documents into executable phased task plans with ordered work breakdown.
Evaluate technical design documents for implementability, completeness, and consistency with a quantitative 100-point score.
Initialize a full-stack project skeleton with Rust backend (Axum + SeaORM + Redis) and React frontend (TypeScript + TanStack + Tailwind).
Based on SOC occupation classification
| name | t-html-show |
| description | Generate HTML Preview for any Markdown document, helping humans quickly understand content. |
| argument-hint | [feature-name | document-path] |
| allowed-tools | ["Read","Agent","Write","Bash"] |
运行时边界统一参考：${CLAUDE_PLUGIN_ROOT}/protocols/runtime-boundaries.md
若本 skill、spec 或既有文档之间冲突，停止、说明冲突并等待澄清；不要平均折中。
不要用它做：
/t-prd/t-prd-check基于任意 Markdown 文档生成或更新 HTML Preview。
输出文件：
.ai/preview/<domain>/[feature].html.ai/preview/decision/[feature].html.ai/preview/tech-research/[feature].html.ai/preview/design/[feature].html.ai/preview/task/<feature>/.../[name].html.ai/preview/[stem].html# PRD 模式（向后兼容）
/t-html-show [feature]
# 通用模式（任意 Markdown 文件）
/t-html-show <path-to-markdown>
两种模式：
.ai/prd/**/*.md，再搜索 docs/prd/**/*.md文件名仅允许英文、数字、空格、下划线、连字符。拒绝 ..。长度限制 1 到 50 字符。
如果参数不合法，立即终止并提示正确用法。
路径与域：
.ai/preview/ 下，不进入代码仓库.ai/prd/<domain>/[feature].md 或 docs/prd/<domain>/[feature].md，输出 .ai/preview/<domain>/[feature].html.ai/decision/[feature].md，输出 .ai/preview/decision/[feature].html.ai/tech-research/[feature].md，输出 .ai/preview/tech-research/[feature].html.ai/design/[feature].md，输出 .ai/preview/design/[feature].html.ai/task/<feature>/.../[name].md，输出 .ai/preview/task/<feature>/.../[name].html.ai/preview/<stem>.htmlPreview 边界：
insight、signal、普通段落和 .card 不算主视觉；连续 3 个以上 card 视为不合格.ai/preview/ 下与主 HTML 同名或同目录的资源目录，不得写入目标项目源码更新行为：
上游输入：
${CLAUDE_PLUGIN_ROOT}/protocols/html-show-contract.md — HTML Preview 通用契约${CLAUDE_PLUGIN_ROOT}/templates/preview-template.html — HTML 模板PRD 模式额外读取：
.ai/prd/<domain>/[feature].md — PRD 草稿（优先）docs/prd/<domain>/[feature].md — 正式 PRD（草稿不存在时）${CLAUDE_PLUGIN_ROOT}/protocols/prd-preview-contract.md — PRD 专用契约如果源文档不存在，立即终止并提示先创建文档。
下游产出：
.ai/preview/...html — HTML Preview，包含：
$ARGUMENTS 作为唯一入参来源判断模式：
.ai/prd/**/*.md，再搜索 docs/prd/**/*.md 找到目标 PRD
/t-prdauth | billing | core | integration）检查输出路径是否已存在：
按 ${CLAUDE_PLUGIN_ROOT}/protocols/subagent-dispatch.md 委派 html-show subagent 生成或更新 Preview。
委派 prompt 必须包含：
示例委派 prompt：
使用 html-show 生成 HTML Preview。
源文档: <doc-path>
subagent 的详细规则见 ${CLAUDE_PLUGIN_ROOT}/agents/html-show.md 和 ${CLAUDE_PLUGIN_ROOT}/protocols/html-show-contract.md。
生成完成后，默认不自动打开；只报告 <preview-path>（例如 .ai/preview/<domain>/[feature].html）和当前平台的打开命令。如 Preview 使用外部依赖、构建工具或本地服务，还必须报告可复现的安装/构建/启动命令。仅当用户在对话中明确要求打开时才执行，使用 html-show-contract.md 的 Opening the Preview 中定义的命令或 Preview 声明的运行命令并校验启动结果，不得谎报"已打开"。
完成后明确说明：
${CLAUDE_PLUGIN_ROOT}/protocols/html-show-contract.md 为准${CLAUDE_PLUGIN_ROOT}/protocols/prd-preview-contract.md${CLAUDE_PLUGIN_ROOT}/templates/preview-template.html${CLAUDE_PLUGIN_ROOT}/protocols/html-show-contract.md${CLAUDE_PLUGIN_ROOT}/protocols/prd-preview-contract.md${CLAUDE_PLUGIN_ROOT}/scripts/check-html-show.py${CLAUDE_PLUGIN_ROOT}/agents/html-show.md