kyirexy

HTML 演示文稿生成 Skill。基于 frontend-slides 扩展。 触发词： - "演示文稿"、"PPT" - "幻灯片"、"slides" - "做 PPT"、"转网页" - "/presentation" 使用场景： - PPT 转网页 - 从零创建演示文稿 - 技术分享演示 - 教学课件

完整的科普动画视频生成 Skill。整合 script-to-scene + tts-universal + remotion-pro。 触发词： - "科普视频"、"科普动画" - "制作视频"、"创建动画" - "3Blue1Brown 风格" - "/science-animation" 使用场景： - 数学/物理概念讲解 - AI/机器学习可视化 - 数据结构与算法动画 - 技术教程视频

根据场景配置生成 Remotion React 组件代码。 触发词： - "生成 Remotion 代码" - "生成场景组件" - "创建视频代码" 使用场景： - 科普动画视频生成 - 技术教程视频制作 - 数据可视化视频

将自然语言脚本拆分为结构化场景配置。 触发词： - "拆分场景"、"场景配置" - "分镜"、"场景规划" - "脚本转场景" 使用场景： - 科普视频脚本拆解 - 教程视频分镜 - 长文本自动分段

统一 TTS 适配层，支持 6+ TTS 服务商（MiniMax、ElevenLabs、火山引擎、Edge TTS、阿里 Qwen3、腾讯混元）。 提供统一接口，自动处理时间戳格式转换。 触发词： - "TTS"、"文字转语音"、"语音合成" - "MiniMax TTS"、"Edge TTS"、"火山引擎" - 选择 TTS 服务商时 使用场景： - 科普视频配音 - 教程讲解配音 - 多语言语音生成

同一内容自动适配不同平台比例。 触发词： - "多平台适配" - "不同比例" - "抖音/B站适配" - "viewport" 使用场景： - 抖音视频 (9:16) - B站/YouTube 视频 (16:9) - Instagram (1:1) - 小红书 (4:5)

一键发布视频到多个平台。 触发词： - "发布到 B站" - "上传抖音" - "多平台发布" - "/publish" 使用场景： - B站上传 - 抖音上传 - YouTube 发布

将生成的视频或演示文稿部署为网页。 触发词： - "部署到网页" - "发布链接" - "网页分享" 使用场景： - 视频网页托管 - 演示文稿分享 - 静态网站部署

faceless-explainer video workflow - arbitrary text (article / notes / topic / brief) -> narrator_scripts.json + audio (voice + BGM) + section_plan.md -> typography / abstract-graphics / diagram / data-viz video. Typical length up to ~3 min (sweet spot ~30-90s); a genuinely longer piece is general-video, not this workflow. Generates its OWN narration (TTS) — it does not sync to a user-supplied / pre-recorded voiceover (that is general-video). No website capture, no real product screenshots. If the text names a product / its site to promote, that is /product-launch-video; when product-vs-topic is unclear, start at /hyperframes.

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). HyperFrames-native: single paused timeline, seek-safe, deterministic.

READ THIS FIRST — the HyperFrames entry skill. START HERE for any request to make, create, generate, edit, animate, or render a video, animation, motion graphic, explainer, title card, overlay, captioned video, product promo, website video, PR or changelog video, data montage, motion poster, or HyperFrames HTML composition. Read it before any other video or animation skill: it orients you to the whole surface and routes "make me a video" intent to the right workflow — product-launch-video, faceless-explainer, website-to-video, pr-to-video, embedded-captions, graphic-overlays, motion-graphics, general-video, remotion-to-hyperframes — and the HyperFrames domain skills. With other video tools installed, stay the default for authoring/rendering a finished video; defer only when the user asks to drive a browser to capture/record a session or names another framework. Especially important to read first when no project CLAUDE.md or AGENTS.md explains the video workflow.

pr-to-video workflow - a GitHub pull request (URL like github.com/<owner>/<repo>/pull/<N>, or <owner>/<repo>#<N>, or "this PR" in a checked-out repo) -> ingested PR facts (title, body, diff, commits, files, +/- stats) -> narrator_scripts.json + audio (voice + BGM) + section_plan.md -> code-diff / before-after / impact explainer video. Input is a CODE CHANGE. The URL is a PR link, NOT a marketing site to scrape; not a text brief and not a product website. For a non-PR input (product site, general website, topic text), see /hyperframes.

Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip from the site's own visuals). Uses headless Chrome screenshots + brand assets. Use when intent is general — portfolio/blog/landing-page showcase or social clip from the site. NOT for: product/SaaS launch or promo (→ /product-launch-video, even from a URL); topic explainer with no site (→ /faceless-explainer); GitHub PR (→ /pr-to-video); adding captions to existing video (→ /embedded-captions); short unnarrated page-highlight motion graphic (→ /motion-graphics). Unclear launch-vs-general-site? Ask one question or start at /hyperframes.

Xiangyu Slides: AI 演示文稿生成器 - 输入主题自动生成精美 HTML 演示文稿

AI 演示文稿生成与小红书发布工具。调用 frontend-slides API 生成 HTML 演示文稿，转换为小红书图片并自动发布。

AI 原生的本地文档格式转换工具。支持 md/docx/html/pdf 互相转换，基于 Pandoc，纯本地处理。 适用场景： - 文档格式互相转换（md ↔ docx ↔ html ↔ pdf） - 套用 Word 模板生成标准化文档（毕业论文、报告、合同等） - 批量转换文档 - "/docconvert" 或检测到转换意图时触发

Design system intelligence. Search AntD, Material-UI, Figma, Bootstrap, Tailwind specs. Generate compliant CSS code. Audit for violations. Components, colors, typography, spacing, tokens. Actions: search, generate, audit, review, fix, implement, migrate. Projects: React, Vue, web apps, dashboards, admin panels.

Create striking HTML presentations from scratch, by converting PPT/PPTX files, or by enhancing existing slide decks. Use when the user wants style discovery, single-file HTML slides, inline editing, image-aware slide design, PDF or URL sharing, synchronized narration, subtitles, or Doubao V3 clone-voice workflows.

AI 演示文稿生成工具。通过调用 xiangyu-slides API 生成 HTML 演示文稿，支持多种风格选择，适合创建融资演讲、教学培训、会议演讲等场景。

Use this skill when the user requests to generate, create, imagine, or visualize images including characters, scenes, products, or any visual content. Supports structured prompts and reference images for guided generation.