带有该标签的 Skills：HTML

• build-prototype - 构建 HTML 原型与决策对比

  原型HTMLUI设计方案对比

  ★ 3 · 更新于 2026-09-22

  使用假数据构建 HTML 原型或最多三种方案的临时对比，用于在实施前确定屏幕界面与交互决策。

  ⚙ 构建标准 HTML 原型⚙ 对比临时视觉决策⚙ 在浏览器中检查产物
• fai-guide-rewriter - FAI文化与历史指南重写工具

  fai指南重写考古

  ★ 0 · 更新于 2026-09-22

  在不改变科学事实的前提下，将历史与考古文本重写为符合 FAI 标准的叙事性 HTML 文化指南。

  ⚙ 将历史文本重写为 HTML 指南⚙ 生成指南播客脚本⚙ 分析文本结构与写作模式
• popular-web-designs - 用于 HTML/CSS 生成的 54 个真实 Web 设计系统

  设计csshtml界面

  ★ 3 · 更新于 2026-09-22

  提供 54 个真实 Web 设计系统模板及其视觉 Token 和组件规范，用于生成 HTML 与 CSS。

  ⚙ 选择设计系统模板⚙ 加载模板设计规范⚙ 应用设计 Token 与样式
• popular-web-designs - 包含 54 个真实设计系统的 HTML/CSS 模板库。

  设计csshtml用户界面

  ★ 0 · 更新于 2026-09-21

  提供 54 个真实设计系统模板和 Token 规范，用于生成 HTML 与 CSS。

  ⚙ 加载设计系统模板⚙ 应用 CSS 自定义属性⚙ 映射 Google Fonts 替代字体
• prism - 渲染具有清晰视觉层级的结构化 HTML 文档。

  HTMLVue文档UI

  ★ 56 · 更新于 2026-09-21

  利用 Vue 组件编写结构化 HTML 文档模板，并将其构建为自包含的单文件 HTML。

  ⚙ 渲染结构化 HTML 文档⚙ 组合 Vue UI 组件⚙ 构建单文件 HTML 输出
• popular-web-designs - 来自真实网站的54个生产级设计系统

  设计csshtml用户界面

  ★ 0 · 更新于 2026-09-21

  加载模板以生成匹配 Stripe、Linear、Vercel、Notion 和 Airbnb 等流行网站视觉标识的 HTML 与 CSS。

  ⚙ 加载设计模板⚙ 生成带样式的 HTML 与 CSS⚙ 应用视觉设计令牌
• present - 生成带语音旁白的交互式 HTML 演示文稿。

  演示文稿幻灯片elevenlabs音频

  ★ 0 · 更新于 2026-09-20

  生成支持文章与幻灯片模式、包含 ElevenLabs 语音旁白及可选 GPT Image 2 插图的独立 HTML 演示文稿。

  ⚙ 分析内容与研究笔记⚙ 规划幻灯片叙事结构⚙ 生成 ElevenLabs 语音旁白
• present - 生成带语音旁白的交互式 HTML 演示文稿。

  演示文稿幻灯片htmlelevenlabs

  ★ 376 · 更新于 2026-09-20

  将文本内容转换为包含双模式、同步语音旁白与自定义插图的交互式 HTML 演示文稿。

  ⚙ 生成交互式 HTML 演示文稿⚙ 创建同步语音旁白音频⚙ 生成自定义幻灯片插图
• html-to-pptx - 将 HTML 演示文稿转换为可编辑的 PPTX 文件

  htmlpptxpowerpoint转换

  ★ 20 · 更新于 2026-09-20

  将 HTML 幻灯片转换为保留布局、排版、颜色和样式的可编辑原生 PPTX 文件。

  ⚙ 解析 HTML 幻灯片与设计 Token⚙ 烘焙背景与渐变过渡 PNG 图片⚙ 转换 CSS 与 PPTX 单位参数
• slide-wright - 创建与编辑动画 HTML Web 演示文稿

  演示文稿幻灯片htmlreveal-js

  ★ 47 · 更新于 2026-09-20

  根据主题或笔记生成单文件动画 Web 演示文稿，并可修改现有的 reveal.js 幻灯片。

  ⚙ 生成自定义演示主题⚙ 构建两页预览幻灯片⚙ 生成完整 HTML 演示文稿
• make-pages-interactive - 将静态 HTML 页面转换为交互式反馈界面

  html反馈交互http服务器

  ★ 480 · 更新于 2026-09-19

  将 HTML 页面转换为实时评论界面，并将反馈路由至本地收件箱供 Agent 监听与编辑。

  ⚙ 向 HTML 文件注入反馈标签⚙ 启动本地反馈 HTTP 服务器⚙ 监听收件箱中的用户反馈
• premium-motion-infographics - 创建高级 SVG 和 HTML 动态信息图表

  svghtml动态图形信息图表

  ★ 3 · 更新于 2026-09-17

  为短视频、解说视频、发布视频、演示文稿和产品故事创建多样化的 SVG 与 HTML 动态信息图表。

  ⚙ 撰写分镜视觉方案⚙ 构建视觉对象清单⚙ 建立受限视觉系统
• slides-grab-html - 支持定制图像的语义化 HTML 幻灯片流程

  演示文稿html幻灯片slides-grab

  ★ 66 · 更新于 2026-09-17

  构建语义化 HTML 幻灯片，生成英雄与辅助图像，执行设计验证关卡并导出演示文稿。

  ⚙ 构建语义化 HTML 幻灯片⚙ 生成定制辅助图像⚙ 验证幻灯片结构与设计
• visual-cognition-slides - 将知识转化为双通道视觉叙事的 HTML 演示文稿。

  演示文稿视觉设计HTML教学设计

  ★ 83 · 更新于 2026-09-17

  基于认知科学与教学设计，将想法、草稿、PPTX 或 PDF 文件转化为注重视觉表达的 HTML 演示文稿。

  ⚙ 转换 PPTX 为 Markdown 简报⚙ 转换 PPTX 为 HTML 演示文稿⚙ 转换 PDF 为 HTML 演示文稿
• re-estimate-learning-time - 重新评估并更新 README.md 中的推荐学习时间

  README文档更新时间估算学习时间

  ★ 1 · 更新于 2026-09-16

  读取既存资料的README.md，按内容类型重新评估推荐学习时间，更新README.md中的时间表格并通过指定脚本更新HTML文件。

  ⚙ 读取目标 README.md 文件⚙ 判定资料类型⚙ 重新评估所需学习时间
• html-slides - 單檔 HTML 簡報生成與改版工具

  HTML簡報簡報製作投影片HTML

  ★ 43 · 更新于 2026-09-16

  生成、改版與整理單檔 HTML 簡報，支援內嵌 CSS 與 JavaScript 頁面設計。

  ⚙ 撰寫草案 markdown 檔案⚙ 生成單檔 HTML 簡報⚙ 改版既有 HTML 簡報
• frago-view-content-generate-tips-html - HTML与reveal.js演示文稿内容生成指南

  htmlreveal-js演示文稿frago

  ★ 602 · 更新于 2026-09-16

  提供用于通过frago view预览的reveal.js HTML演示文稿创建指南，涵盖页面结构、主题配置、动画及协作流程。

  ⚙ 创建reveal.js HTML演示文稿幻灯片⚙ 配置幻灯片主题与动画效果⚙ 构建水平与垂直导航结构
• html-presentation-video - 适合视频演示的 HTML 幻灯片规范

  html演示文稿幻灯片视频演示

  ★ 111 · 更新于 2026-09-15

  生成适合视频演示的单文件 HTML 幻灯片，采用大字号、高对比度与低密度布局。

  ⚙ 生成单文件 HTML 幻灯片⚙ 应用视频友好布局规范⚙ 渲染网格与对比组件
• travel-planning - 规划实用的旅行行程并生成可分享网页。

  旅行规划行程安排SurgeHTML

  ★ 16 · 更新于 2026-09-15

  提供包含目的地调研、每日行程、预算估算、清单及可选HTML页面的旅行规划。

  ⚙ 收集旅行需求与限制⚙ 调研目的地当前事实⚙ 制定按地理分组的每日行程
• fixing-accessibility - 审计与修复 HTML 无障碍问题

  无障碍htmlwcagaria

  ★ 1 · 更新于 2026-09-15

  审计与修复 HTML 无障碍问题，包括 ARIA 标签、键盘导航、焦点管理、颜色对比度和表单错误。

  ⚙ 审计无障碍违规项⚙ 修复 ARIA 标签⚙ 改进键盘导航

Scroll to load more