Built on Spatial Deck, an open-source (MIT) presentation framework. Paste rough notes, a Google Slides export, a PDF, or a PowerPoint outline and get back ONE finished HTML file: double-click to present in any browser, or drag it onto a free host for a live share link. Animated slides, themed sections, a constellation overview map, and speaker notes wired to a presenter view — no PowerPoint, no code, no account. Drop a NOTE: marker anywhere in your input and it writes that part for you.
Design and build distinctive, production-ready frontend interfaces with intentional typography, color, layout, and motion—without generic AI aesthetics.
HyperFrames from NousResearch’s Hermes project, created by HeyGen. Use it to turn text, scripts, websites, or HTML/CSS/JS compositions into polished MP4/WebM videos. Build motion graphics, product tours, captioned videos, social overlays, TTS narration, audio-reactive visuals, and scene transitions, with frame-by-frame rendering and built-in quality checks.
Create polished, animation-rich HTML presentations from scratch or convert PowerPoint decks into responsive web slides.
Visual Explainer turns your code, systems, data, and plans into clean HTML pages instead of messy terminal text. Ask it to diagram an architecture, review a diff, audit a plan against the codebase, compare requirements in a table, or build a slide deck, and it generates a self-contained page with real typography, Mermaid diagrams, and charts. The visual explainer for technical work, ready in chat.
Animated SVGs (CSS keyframes, SMIL, Web Animations API) can't be read by standard video tools — ffmpeg only sees a static image. This Skill solves that by driving a headless browser to scrub the animation frame-by-frame at exact timestamps, screenshotting each one, then stitching the sequence into a real H.264 MP4 with ffmpeg. Handles Figma Motion exports, custom CSS-animated SVGs, looping/repeat duration, resolution/fps tradeoffs, and the MP4-has-no-alpha-channel caveat.
把服務介紹或網址變成帶有捲動動畫的 Next.js 落地頁。提供兩套範本(重視 SEO 的 light、採用 GSAP 的 cinematic),一行指令設定品牌色,並附上 SEO 與部署說明。
Turn your GitHub project into a product-accurate tutorial or promo video, with a reviewable preview before rendering.
Built from hands-on work optimizing production Astro sites across static, hybrid, and SSR output modes. Covers the full performance stack: native image optimization with the Astro Image component, View Transitions API integration, prefetch strategies, Dev Toolbar audit workflows, accessibility fixes aligned to WCAG, and Core Web Vitals improvements. Grounded in Astro 3/4/5/6+ internals and real optimization cycles — not generic web performance advice.