shorts-designer

Community

Design Remotion Shorts visuals from video props.

Authorkanno321-create
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Designers often struggle to translate Remotion ShortsVideo props into a consistent, reusable visual_spec that adheres to strict design guidelines. This skill codifies the process of turning prop data into a ready-to-render spec that matches DESIGN_SPEC.md and DESIGN_BIBLE.md.

Core Features & Use Cases

  • Generate visual_spec.json from ShortsVideo props, ensuring alignment with the 3-zone layout and design rules.
  • Validate props against the required fields and suggested defaults, reducing iteration time for Shorts design.
  • Use Case: When launching a new Shorts series, feed the ShortsVideo props to this skill to produce consistent visuals across episodes.

Quick Start

Use DESIGN_SPEC.md and DESIGN_BIBLE.md as references to convert a provided ShortsVideo prop set into a visual_spec.json ready for rendering.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: shorts-designer
Download link: https://github.com/kanno321-create/shorts_studio/archive/main.zip#shorts-designer

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.