#html

使用 React 18、TypeScript、Tailwind CSS 和 shadcn/ui 构建多组件 HTML 产物，并打包为单一自包含文件。

HeyGen 出品的 HyperFrames 是一个开源 Claude Code 插件,把 HTML/CSS/JS 合成稿渲染成可复现的 MP4 视频,内置 19 个按需加载的技能——一个路由技能,加上创作工作流(产品发布、网站转视频、无人脸讲解、PR 转视频、字幕、动态图形、音乐、幻灯片)与领域技能(核心合成契约、动画适配器、创意方向、媒体、CLI),教 agent 完成完整的视频制作流程。

生成单文件 HTML 横向翻页 PPT，两种风格——「电子杂志 × 电子墨水」(衬线 + WebGL 流体背景)与「瑞士国际主义」(无衬线 + 网格点阵)，含章节幕封、数据大字报与图片网格。作者歸藏。

一个 HTML 原生的设计技能,让 agent 按任务化身对应专家(UX/动画师/幻灯片设计师/原型师),产出高保真原型、1920×1080 的 HTML 幻灯片、时间轴驱动的动画与并排设计变体——内置 20 条设计哲学、5 维评审、反「AI 套路感」纪律,并可选导出 MP4/GIF。

基于一个大型模板库撰写专业的静态 HTML 演示——36 套可切换主题、31 种单页布局、15 套整 deck 模板,外加 27 个 CSS 与 20 个 canvas 特效动画——全部建立在统一的 token 设计系统上,配备键盘运行时(主题/动画热键、演讲者模式、备注抽屉)与无头 Chrome PNG 导出。

把学术论文(arXiv 链接、PDF 或粘贴文本)转成精美、可直接分享的 HTML 深度解读长文。运行强制多轮工作流:读全文 → 搜 GitHub 找对应代码并交叉引用 → 按三种风格之一(故事 / 学术 / 速览)写作,带 KaTeX 公式与 Mermaid 图表。零配置、无需 API key。

把 HTML 幻灯片转换为可编辑的 .pptx 文件——文字保留为可编辑矢量、按需嵌入字体、复杂装饰自动走截图兜底——且不依赖 reveal.js 等任何特定 deck 框架。

把 HTML+CSS(粘贴、文件、URL 或 AI 生成)转换为可干净导入 WordPress 的 Elementor JSON,并正确处理 Elementor 的隐性坑——共享系统色全局变量、懒加载背景、行容器宽度、CSS 缓存刷新。

把 HTML 页面转成单张连续长页 PDF——一整张高页、不分页——保留桌面版排版、背景与可选中文本。

生成精美、自包含的主题化 HTML 数据展示——图表、仪表盘、报告、tearsheet、简报——提供六种视觉范式,每种都有匹配的视觉语言与文字语气,让格式与语气贴合内容。

用伪代码函数定义设计原则、目标和交互方式，引导 AI 生成对儿童友好的互动式 HTML 学习页面。

指示模型把任意内容转化为全屏、滚动翻页的演示文稿，渲染为单个 HTML 网页，并遵守严格的布局约束。

让模型测量上传图片的设计参数（宽高比、字体、色彩、布局、视觉元素），并生成一份可复用、能高还原度重现该设计的 RTF 提示词。

根据用户填写的健康信息，生成一份可视化的单文件 HTML 健康报告，含风险预警和基于福格行为模型的行动方案。

分析目标网页的视觉、交互与技术特征，提取其『设计基因』，自动生成可复用的 RTF 提示词，用任意内容生成同风格网页。

指示模型把任意粘贴的内容生成一个自包含、响应式的单页 HTML 网页，并对标世界顶级网站的设计风格。