메뉴
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