一键导入
t-html-show
Generate HTML Preview for any Markdown document, helping humans quickly understand content.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Generate HTML Preview for any Markdown document, helping humans quickly understand content.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
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).
| 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