Media & Creative · Playwright

Produces social card sets for Xiaohongshu and WeChat: carousels, Live Photo motion cards and puzzle layouts, and WeChat cover pairs, rendered from single-file HTML.

op7418/guizang-social-card-skill

Record polished UI demo videos using Playwright. An agent skill from sanity-io/ui.

sanity-io/ui

Create or revise academic conference posters in HTML/CSS and export print-ready PDFs.

Chenruishuo/posterly

Build a narrated explainer video from a concept — discussion → structure → HTML slide deck → narration script → TTS voice → subtitles → background music → Playwright screen recording → ffmpeg…

limin112/min-skill

Produces captioned 1080p product videos of the Hunk terminal diff viewer by driving the real TUI headlessly and compositing frames in Chromium.

modem-dev/hunk

Records browser interactions as video with Playwright, covering viewport sizing, cursor highlighting, and converting output for Remotion.

digitalsamba/claude-code-video-toolkit

使用剪映(Jianying/小云雀)的 Seedance 2.0 模型自动生成AI视频。支持文生视频(T2V)、图生视频(I2V)、参考视频生成(V2V)和向后延伸(Extend)四种模式。当用户需要生成AI视频、使用Seedance模型创作短片、基于参考图像/视频进行风格转换，或对已有结果继续延长时使用此技能。需要预先配置 cookies.json 登录凭证。

cclank/lanshu-waytovideo

Records a real tmux end-to-end run with asciinema, converts it to a GIF and MP4, and captures trace viewer screenshots with Playwright.

liaohch3/claude-tap

A skill your agent uses when the user wants to create an explainer, documentary, knowledge-sharing, news-broadcast, product-introduction, or data-report video from a topic.

calcuforge/explainer-video-maker

Record browser or Web UI interaction demos as optimized GIFs using the available browser-control workflow, optional Playwright Videos for higher capture frame rates, and deterministic encoding, then…

singula-ai/alego

为访谈视频添加综艺特效（花字、卡片、人物条、章节标题等）。支持 4 种视觉主题，先分析字幕内容生成建议供用户审批，再渲染视频。

op7418/Video-Wrapper-Skills

Make a short procedural animation in any style — an explainer, a history, a little story — as a single-file canvas video with a synthesized score, rendered to MP4.

cth9191/animate

手绘白板风"边画边讲"讲解视频出片 skill（Excalidraw 风格逐笔动画 + 火山引擎配音 + 烧录字幕 + 品牌水印与片尾卡 + 横竖两张封面 + 各平台发布文案）。当用户说"做一期白板视频 / 边画边讲 / 手绘讲解视频 / 用 excalidraw 做视频 / whiteboard video"，或要在本仓库里新建一期、改场景、换贴纸或真实…

trustfuture/simon-skills

A skill your agent uses when the user wants to drive Google Flow (Veo image-to-video, Veo text-to-video, Imagen / Nano Banana image generation) from the terminal or a script — including…

ffroliva/gflow-cli

Record polished UI demo videos and screenshots of a running web app using Playwright MCP — for client deliverables, release notes, feature walkthroughs, or bug repros.

PackmindHub/packmind

Produce immersive vertical short videos (口播/科普/产品讲解) without AI-slop aesthetics.

xrkseek/XRK-AGT

用代码做动画视频：页面暴露 render(t)，Playwright 逐帧截图 + FFmpeg 合成 mp4，可接合成配乐、出图和配音。通用模式先明确主题、规格、风格和声音，出风格卡、分镜与关键帧后逐镜制作；Vibe知识大赏模式额外查证来源、记录真实素材许可、先渲 10 秒样片。触发词包括…

ChenShuo2004/cs-skills

Generates architecture diagrams as .excalidraw files by analyzing a codebase, with optional PNG or SVG export through Playwright.

ooiyeefei/ccc

Record a clean product demo video of a web app on a disposable cloud VM — provision a GCE instance, install Xvfb + Chrome + ffmpeg + real fonts, deploy the app, drive the UI deterministically with…

oratis/LISA

制作明确要求暗夜星空、衬线双语字幕与金色光点风格的知识解说片，或用户显式调用 $cs-knowledge-film：从概念与画面隐喻设计，到口播、场景 spec、配音和 1080p 渲染。普通科普视频不默认套用这一视觉模板；网页产品演示、ChatCut 策划和电商视频复刻各用对应 skill。

ChenShuo2004/cs-skills

Builds a vertical collage-style documentary short from script to render: scene dissection into image layers, layer production, TSX assembly on a collage kit, frame checks and voice.

hassancs91/claude-faceless-shorts-creator

Produce a short motion-graphics video ad — a 15s Facebook/Instagram/TikTok spot — as a rendered MP4.

fabricioctelles/skills

Builds and revises polished offline HTML reports, landing pages, infographics and interactive visualizations as a single file, with viewport QA before delivery.

SourceWeft/SourceWeft

口播文字稿一键成片：TTS 配音（edge-tts，带逐句/逐词时间戳）→ HTML 动画合成（场景由时间戳驱动，画面跟着声音走）→ Playwright 逐帧确定性渲染合成 MP4。Use whenever the user wants to 把口播稿/文字稿/文案/文章做成视频、配音视频、解说视频、知识类短视频、口播视频、文字转视频、TTS video、voice-over…

wwwzhouhui/skills_collection

Creates a Xiaohongshu-style 3:4 cover image from a title by building an HTML page in one of six visual styles and capturing it with Playwright.

chenxiachan/xhs-claude-skills

为产品、网站、App、SaaS、开源项目、课程、AI 模型或活动制作有商业质感的宣传片（4K MP4 + 网页版），流程包括调研、需求问询、风格样帧、真实页面 4K 截图、配乐卡点、AI 旁白、混音和自动校验。用户说「做宣传片」「做产品介绍视频」「做推广视频 / 预告片」「给这个项目做个视频」，或者要求 promo video、product trailer、launch video 时使用。

liyupi/ai-promo-video-maker

Grab a single clean HD screenshot of a new eva feature from the real running app (Playwright at deviceScaleFactor 2, 1280 layout captured crisp at 2560×1440, dev overlays hidden) and write a tweet…

vvedantb/eva

Assemble a ChatGPT chat-reveal video ad from a thread + timeline JSON — one continuous Playwright recording of a ChatGPT mobile chat (user types with the iOS keyboard up → taps send → keyboard…

gooseworks-ai/goose-skills

A skill your agent uses when asked to make a demo, training, how-to or tutorial video with sound or voice-over showing an HMIS function or configuration (e.g.

hmislk/hmis

Review local character animation with schema checks, Playwright browser previews, frame sampling, and FFmpeg/ffprobe final output checks.

calesthio/OpenMontage

Create high-quality MulmoScript through structured multi-phase creative process

receptron/mulmocast-cli

Generates motion graphics videos (MP4) from a content brief.

Varnan-Tech/opendirectory

Record Playwright e2e tests as one GIF per test case (video → ffmpeg palette GIF) and return a markdown table for a PR description.

lablup/backend.ai-webui

Create polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser captures, with browser-only crop, natural macOS cursor styling, deliberate click choreography…

nirholas/three.ws

무거운 작업(스크래핑, 미디어 인코딩, 빌드/설치, 대량 API 수집, 긴 문서 읽기, 대용량 파일 처리)을 맥미니로 넘길 때 사용.

bam-bam-2/solo-skills

Adaptive access for blocked websites — tries every method until one works.

fivetaku/gptaku-plugins-codex

把真实网页做成 30–60 秒产品演示宣传片：Playwright 采集页面长截图，Remotion 用虚拟浏览器窗口做推进、平移、滚动和点击，渲染可交付 mp4，并可附口播稿。触发词包括 $cs-web-promo-film、网页宣传片、产品演示片、把这个网页做成视频、产品功能演示。不用于网页幻灯片、静态海报、真人出镜、电商对标复刻（改用 $cs-auto-videl）、ChatCut…

ChenShuo2004/cs-skills

Design and build cinematic, award-level web pages. An agent skill from NousResearch/hermes-agent.

NousResearch/hermes-agent

对比图/一图流：生成 A vs B 参数对比图、优劣势对比表、产品参数一图流. An agent skill from ZJU-REAL/Easel.

ZJU-REAL/Easel

Generate a comprehensive marketing website for a web app — multi-page with real screenshots, animated GIF walkthroughs, feature deep-dives, and workflow demonstrations.

jezweb/claude-skills

Pre-implementation edge-case and scenario explorer for gflow-cli.

ffroliva/gflow-cli

Select, write, and run Audiobook Organizer verification for Go CLI, organizer, TUI, server/app, web build, documentation, and release hygiene changes.

jeeftor/audiobook-organizer

A skill your agent uses when the user asks to create a demo video, product walkthrough, feature showcase, animated presentation, marketing video, or GIF from screenshots or scene descriptions.

alirezarezvani/claude-skills

把中文口播文案做成像素风 + 坐标系隐喻 + 打字机字幕的动画解说视频（含 edge-tts 配音）：先问 5 项输入、写分镜表与 3 张关键帧等确认，再写 spec.json、配音、逐帧渲染 1080p mp4。用户给文案并要像素风 / 注意力赌博那种风格、或确认是像素解说系列续集时使用；独立单片和其他风格走 $cs-code-video，暗夜星空知识片走 $cs-knowledge-film。

ChenShuo2004/cs-skills

Record captioned product walkthrough videos of any web app with Playwright + ffmpeg — proof videos for stakeholders, feature demos, bug-fix evidence

alinaqi/maggy

Assemble an Apple Notes list video ad from a note + end-card JSON — a frame-accurate fake iPhone screen recording of a short list being typed into Apple Notes (character by character, key pops…

gooseworks-ai/goose-skills

Render a 'brand identity reveal' video from a config — a single poster frame in a real, softly-lit space (real wall, soft-focus plant in the corner, dappled leaf shadow, illuminated poster) whose…

gooseworks-ai/goose-skills

Render a configurable iMessage conversation inside a properly framed phone, then a brand end card.

gooseworks-ai/goose-skills