html

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂、多组件 claude.ai HTML 产物的工具集。使用…

用于为制品设置主题样式的工具包。这些制品可以是幻灯片、文档、报告、HTML 落地页等。内置 10 款预设主题，具有……

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、旁白、音频响应视觉效果和场景过渡。适用于……

通过 API 或 Chrome CDP 发布内容至微信公众号。支持以 HTML、Markdown 或纯文本输入发布文章（文章），以及图文…

将 Firecrawl `/scrape` 集成到产品代码中，用于单页提取。适用于应用已获取 URL 并需要提取 markdown、HTML、链接、截图等内容的场景。

将 Markdown 转换为带样式的 HTML，支持微信兼容主题。支持代码高亮、数学公式、PlantUML、脚注、提示框、信息图表及可选的…

将现有的 Remotion（基于 React）视频组合转换为 HyperFrames HTML 组合。仅在用户明确要求移植、转换…时使用。

花叔Design（Huashu-Design）——使用 HTML 制作高保真原型、交互 Demo、幻灯片、动画、设计变体探索 + 设计方向顾问 + 专家评审的一体化设计能力。HTML 是工具而非媒介，根据任务化身为不同领域的专家（UX 设计师/动画师/幻灯片设计师/原型师），避免常规的 web design……

审查并修复 HTML 无障碍问题，包括 ARIA 标签、键盘导航、焦点管理、颜色对比度和表单错误。在添加…时使用

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。

高效提取并转换任何本地文件（如 PDF、DOCX、DOC、ODT、RTF、XLSX、XLS 或 HTML）的内容，将其保存为格式整洁的 Markdown 文件并写入磁盘。当用户请求解析、读取或提取其计算机上文件的信息时，请使用此技能，包括“解析此 PDF”、“转换此文档”、“读取此文件”、“从中提取文本”等表述，或者在提供了本地文件路径（非 URL）的情况下。此技能提供高级选项，例如生成 AI 驱动的摘要以及基于文件内容回答问题。在处理本地文件时，优先使用此工具而非 `scrape`，以便为下游任务提供精确且结构化的输出。

here.now 让智能体能够发布网站并在云盘中存储私有文件。使用 Sites 将 HTML、文档、图像、PDF、视频和静态文件发布至 {slug}.here.now 或自定义域名的在线 URL。使用 Drives 作为私有云文件夹，智能体可在其中存储文件（文档、上下文、记忆、计划、资产、媒体、研究、代码等），与其他智能体共享文件，并能在跨会话和工具间保持连续性。当遇到要求“发布这个”、“托管这个”、“部署这个”、“在网络上分享这个”、“制作一个网站”、“把这个放到网上”、“创建一个网页”、“生成一个 URL”、“构建一个聊天机器人”、“把这个保存到我的 Drive”、“存储这个以备后用”、“把这个写入云存储”、“与另一个智能体共享文件夹”或“使用我的 here.now Drive”时，请使用此工具。

HTML PPT Studio —— 创作专业的静态 HTML 演示文稿，支持多种风格、布局和动画，全部由模板驱动。当用户要求……时使用。

从零创建或通过转换 PowerPoint 文件，生成带有丰富动画的精美 HTML 演示文稿。当用户需要构建演示文稿、转换……时使用。

使用 Nutrient DWS API 处理、转换、OCR、提取、编辑、签署和填写文档。支持 PDF、DOCX、XLSX、PPTX、HTML 和图像。

生成“电子杂志 × 电子墨水”风格的横向翻页网页 PPT（单 HTML 文件），包含 WebGL 流体背景、衬线标题 + 无衬线正文、章节封面、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到“杂志风 PPT”、“horizontal swipe…”

处理 PowerPoint (.pptx) 的创建、设计和分析。适用于融资演示文稿、状态更新和视觉叙事。在需要精确布局定位和设计原则时主动使用。示例： - 用户：“为董事会会议创建一个10页的演示文稿” -> 使用设计原则 + html2pptx - 用户：“将此报告转换为演示文稿” -> 提取文本并映射到模板 - 用户：“审查此演示文稿的布局问题” -> 生成缩略图网格以供检查

基于 MinerU 的 PDF 转换器 — 将 PDF 转换为 Word、Markdown、HTML、LaTeX 或纯文本。还支持图片转文字 OCR、扫描文档识别以及…

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。

花叔的「md/html双向流水线」技能，三大能力一站式提供：(1) 使用 Microsoft markitdown 将任意文件（PDF/DOCX/PPTX/XLSX/HTML/图片/音频/YouTube/EPub/ZIP）转换为干净的 Markdown；(2) 使用 Pandoc +…