用途：当用户要求“从报告生成网站”“把 Markdown 转换为 React 站点”“创建演示网站”时使用，将 Markdown 研究报告生成为交互式 React 演示站点。
主要能力：
- 结构映射：H1 作为站点标题，H2 作为顶层标签页，H3 作为标签内区块，H4+ 作为子标题；Executive Summary 作为 Overview 标签的英雄提示；目录由标签导航替代；References/Endnotes 作为 Sources 标签，用 CitationCard 呈现；Research Methodology 并入 Sources 标签的可折叠部分。
- 内容类型检测：引用/官方文本转 StyledBlockquote，比较类表格转 ComparisonTable，数值表格转 DataTable 或 Calculator，脚注转 CitationCard，列表转 AnimatedList，加粗标记转 Badge，公式转 Calculator。
- 交互元素自动识别：计算器（含变量等式、“formula”等短语、含 Total 行的表格）、情景（“What if”、取值范围）、时间线（连续年份、日期表格）、对比（3+ 列表格、“versus”等表述）。也支持用 HTML 注释标记手动指定 calculator、timeline、scenario、comparison、chart，标记优先于自动检测。
使用方式：用 Vite + React + Tailwind CSS v4 + shadcn/ui 搭建项目，配置 vite.config.js、postcss.config.js、jsconfig.json、components.json 等文件；安装依赖并执行 npx shadcn@latest add card input label table badge accordion collapsible slider button separator。报告解析为 reportData.js，交互配置写入 interactiveConfig.js。生成后运行 npm install 和 npm run build 验证构建。可通过 GitHub Actions 工作流或 npm run deploy 脚本部署到 GitHub Pages，base 设为 /<repo-name>/。可选用 vercel-labs/agent-skills（react-best-practices、web-design-guidelines、composition-patterns）提升代码质量。
适用场景：将研究报告、分析文档快速转为可浏览、可交互、可部署的演示网站。
限制：详细的组件 API、解析示例与模板位于技能目录的 references 和 templates 路径；具体主题/注册表选择见 registry 指南。官方收费、价格、效果等事实暂未提供。