flow-hero 是做什麼的？
具備互動式英雄影片與卷軸驅動語音示範的響應式 Flow 產品網站
具備互動式英雄影片與卷軸驅動語音示範的響應式 Flow 產品網站
此技能建立一個響應式的 Flow 產品官方網站，主要特色包含全螢幕互動式英雄影片區塊，以及透過卷軸驅動的語音產品示範功能。使用者滾動頁面時，會自動觸發逐步的語音導覽與動畫，讓產品介紹更具沉浸感與互動性。此技能支援常見的前端開發平台，如 VS Code 與 Cursor，並可與 Claude Code 等 AI 輔助工具整合，幫助開發者快速生成具備流暢使用者體驗的產品落地頁面。其運作方式基於標準的 HTML/CSS/JavaScript 技術棧，搭配 Intersection Observer 等現代瀏覽器 API 來達到流暢的卷軸觸發效果，無需依賴第三方函式庫。
npx skills add xendezzz/flow-hero具備互動式英雄影片與卷軸驅動語音示範的響應式 Flow 產品網站
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.