Skip to content
cccskills

Media skills

Video editing, thumbnails, comics, and audio (3.2K skills)

Filter by price or sort order

sn-motion-html

FreeSummary

Create HTML stories where page progress controls a continuous camera journey. The workflow covers research, chapter planning, consistent AI images, Seedance scene and transition clips, interface design, media preparation, and browser checks.

  • Create an immersive journey through connected scenes
  • Present a timeline as a continuous camera journey
  • Build a visual product story
OpenSenseNova/SenseNova-Skills5.8KUpdated Oct 9, 2026

remotion-maps

Official · RemotionFreeSummary

Choose a technique for adding maps to Remotion videos, from satellite images with animated overlays to globe views, geographic annotations, and terrain flythroughs. Compare approaches based on the intended shot and service requirements.

  • Animate overlays on a satellite image
  • Show a globe or 3D buildings with Mapbox
  • Use MapLibre without an API key
remotion-dev/skills5.5KUpdated Oct 20, 2026

remotion-studio

Official · RemotionFreeSummary

Launch Remotion Studio to preview a video in a browser while it is being created or edited. Keep the preview open to review changes, and choose browser behavior, server ports, or logging options.

  • Preview a video early in production
  • Review changes while editing
  • Open Studio in an in-app browser
remotion-dev/skills5.5KUpdated Oct 20, 2026

remotion-markup

Official · RemotionFreeSummary

Build Remotion video scenes with animation, media, and visual effects. Follow React markup patterns that keep timing and individual elements editable in Studio, with guidance for reusable scenes and frame-based motion.

  • Create a title fade-in
  • Add an editable lower third over a video
  • Organize multiple scenes into editable timelines
remotion-dev/skills5.5KUpdated Oct 20, 2026

remotion-best-practices

Official · RemotionFreeSummary

Guide an agent to the right Remotion instructions for creating videos, adding captions or maps, exporting files, and building applications. The workflow emphasizes checking an interactive preview as the video takes shape.

  • Create a video while reviewing its preview
  • Find guidance for captions and animated maps
  • Export a finished video
remotion-dev/skills5.5KUpdated Oct 20, 2026

remotion-create

Official · RemotionFreeSummary

Start a new Remotion video by setting up a project when needed and opening Studio before building scenes. Covers folder selection, React video structure, multiple scenes, and timelines with individually editable clips.

  • Set up a new Remotion video project
  • Add a new video to an existing project
  • Create a video with multiple scenes
remotion-dev/skills5.5KUpdated Oct 20, 2026

remotion-multimedia

Official · RemotionFreeSummary

Find how to retrieve audio and video metadata with Mediabunny, a library for handling media in the browser. The skill points to focused guides for audio duration, video duration, and video width and height.

  • Finding an audio file's duration in seconds
  • Finding a video file's duration in seconds
  • Checking a video file's width and height
remotion-dev/skills5.5KUpdated Oct 20, 2026

remotion-render

Official · RemotionFreeSummary

Export Remotion compositions as videos or still images using command-line tools. Extract several selected frames as images in one call, with references for additional export options and videos with transparent backgrounds.

  • Export a finished Remotion video
  • Save a still image from a composition
  • Export multiple selected frames as PNG images
remotion-dev/skills5.5KUpdated Oct 20, 2026

remotion-captions

Official · RemotionFreeSummary

Create and display captions for Remotion videos, with guidance for transcribing audio or video, importing SRT files, and animating captions. Keep caption text and timing in a shared JSON format.

  • Generate captions from video or audio
  • Display and animate captions in a video
  • Import existing SRT subtitles
remotion-dev/skills5.5KUpdated Oct 20, 2026

remotion-interactivity

Official · RemotionFreeSummary

Structure Remotion code so elements can be selected and edited visually in Remotion Studio. Covers reusable scenes, editable text and styles, timeline organization, and keyframes, which define how properties change over time.

  • Make text, colors, and positions editable in Studio
  • Edit scene and clip timing independently
  • Adjust animation keyframes and easing
remotion-dev/skills5.5KUpdated Oct 20, 2026

video-frames

FreeSummary

Extract one still image from a local video using FFmpeg. Choose the first frame, a timestamp, or a frame number, then save a JPG for sharing or a PNG for clear interface details.

  • Extract the first frame to inspect a video
  • Save a still image from a specified timestamp
  • Extract a frame by its exact frame number
iflytek/skillhub5.3KUpdated Oct 21, 2026

peon-ping-remix

FreeSummary

Regenerate sounds in a draft PeonPing pack based on feedback. This internal workflow revises sound prompts or speech text, preserves the pack's style and voice, renders replacement audio, and records each successful change.

  • Soften a sound based on review feedback
  • Apply a correction across an entire sound pack
  • Create a fresh variation of an existing sound
PeonPing/peon-ping5.1KUpdated Oct 20, 2026

Create a draft PeonPing notification sound pack with a consistent theme. It generates wordless effects or spoken lines for all seven notification categories, along with configuration files, then directs you to review and approve the draft.

  • Creating a notification pack with a consistent mood
  • Drafting wordless notification effects
  • Drafting spoken notifications with one voice
PeonPing/peon-ping5.1KUpdated Oct 20, 2026

novel-staging

FreeSummary

Plan where each character sits or stands at the start of an AI short drama scene. An interactive overhead layout lets you adjust positions and facing directions, export the data, and produce opening placement descriptions for storyboarding.

  • Plan seating and positions for ensemble scenes
  • Adjust opening positions on an interactive layout
  • Distinguish present characters from later arrivals
eternityspring/shuohao-skills4.9KUpdated Oct 15, 2026

character-refs

FreeSummary

Generate character reference images from a short description, including full-body, face, side, and back views. Use one reference image to guide the set, regenerate individual views, and track versions and images that need updating.

  • Create reference images for an original character
  • Prepare character references for video models
  • Regenerate a specific outfit detail
eternityspring/shuohao-skills4.9KUpdated Oct 15, 2026

novel-storyboard

FreeSummary

Turn an AI short drama script into timed segments and shots, with frame prompts and video prompts for MiniMax H3 and Seedance. Validate dialogue coverage and timing, then produce review reports, generation batches, and voice alignment lists.

  • Breaking a short drama script into timed shots
  • Preparing MiniMax H3 or Seedance video prompts
  • Checking dialogue coverage and shot duration
eternityspring/shuohao-skills4.9KUpdated Oct 15, 2026

lemo-opuscar

FreeSummary

Create short films entirely in code, using styles such as oil painting or Ukiyo-e. The skill guides style selection and production, including science and product explainers built from real source materials.

  • Create a short film in an oil painting or Ukiyo-e style
  • Make science explainers using satellite imagery
  • Explain product structures using CAD files
lemomo-ai/lemo-opuscar4.9KUpdated Oct 19, 2026

Analyze reference animations and create art animations or narrated explainer videos with code. The skill covers storyboards, visual styles, rendering, and quality checks, with optional workflows for recorded narration, generated voices, and character images.

  • Analyze motion and transitions in a reference animation
  • Create an animation with a consistent artistic style
  • Produce explainer clips timed to narration
alchaincyf/huashu-art-motion4.7KUpdated Oct 17, 2026

Turn CSV, JSON, or a written conclusion into a newspaper-style chart for video clips or social posts. Produce a single HTML file with line, bar, or range-band charts, clear headlines, source notes, and staggered animation.

  • Showing data trends in a video clip
  • Creating a chart card for social media
  • Visualizing CSV or JSON data
nexu-io/html-video4.7KUpdated Jun 22, 2026

Create animated brand or event titles with blue and dark panels sliding in from opposite sides. Staggered headlines, an outlined word, and a short handwritten phrase with a drawn underline give the opening a retro-modern feel.

  • Introducing a brand title with animated split panels
  • Creating an event opening title
  • Revealing an idea with handwritten accents
nexu-io/html-video4.7KUpdated Jun 22, 2026

Create cinematic opening frames and chapter cards with warm light leaks, film grain, and large serif titles. The template produces a single HTML file with widescreen framing and optional subtle motion.

  • Designing a documentary opening frame
  • Creating a title card for a personal short film
  • Making cinematic chapter cards
nexu-io/html-video4.7KUpdated Jun 22, 2026

Create an animated HTML section divider with a large chapter number and navigation showing the section structure. An orange card slides across a dark gradient background, followed by a rising title that introduces the next topic.

  • Separating chapters or sections
  • Creating a launch announcement title card
  • Introducing a topic with section navigation
nexu-io/html-video4.7KUpdated Jun 22, 2026

Create a short animated quote or mission statement in a single HTML file. White and electric-blue panels meet at the center, a black accent bar grows, and text appears line by line with attribution and brand marks.

  • Turn a quote into an animated visual
  • Present a mission statement with contrasting panels
  • Create a testimonial sequence with attribution
nexu-io/html-video4.7KUpdated Jun 22, 2026

frame-logo-outro

FreeSummary

Create a video outro as a single HTML file, with geometric logo pieces assembling into place, a glow effect, and a tagline reveal. Add the brand name and a call to action to finish the sequence.

  • Creating a branded video outro
  • Showing a logo and tagline at the end
  • Adding website or social account details to a closing frame
nexu-io/html-video4.7KUpdated Jun 22, 2026