Skills
.Work. You
Rest

video-ui-patterns

Community

Reusable video UI components for demos

Design & Creative#video#terminal#remotion#ui-patterns#ascii-art#typewriter#logo-combo
Authorkmshihab7878
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Building polished, programmatic software-demo videos that convincingly simulate developer interfaces is time consuming and error prone; this skill provides ready-made, composable UI patterns to speed production and maintain visual consistency.

Core Features & Use Cases

  • Terminal Command Demo: Timed typewriter command, staged output lines, blinking cursor, and a transition template for developer marketing clips.
  • Announcement Text: Large, easing-scaled headlines for scene separators and title cards.
  • Logo Combo & Asset Layouts: Standardized sizing and spacing rules for multi-logo reveals and partnership screens.
  • ASCII Art & CLI Output: Monospace-ready ASCII logo reveals and box-drawn terminal output for retro or technical styling.
  • Practical Uses: Remotion compositions for product demos, onboarding walkthroughs, release announcements, and social proof videos that need realistic software UI simulation.

Quick Start

Create a short Remotion scene using the video-ui-patterns patterns to simulate typing a git clone, show staggered output, and reveal an ASCII logo.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: video-ui-patterns
Download link: https://github.com/kmshihab7878/claude-code-setup/archive/main.zip#video-ui-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.