creating-assets

Plans, prompts, and organizes generated image assets for Remotion video projects.

Updated Sep 22, 2026
One-click install
npx skills add https://github.com/napatne/LIVE-Workspace --skill creating-assets-napatne
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: creating-assets
Source: https://github.com/napatne/LIVE-Workspace/tree/main/.agents/skills/creating-assets
Command: npx skills add https://github.com/napatne/LIVE-Workspace --skill creating-assets-napatne

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Video projects built in code waste the most effort on image assets: pictures generated before the style is decided, images that do not match each other, single files that cannot be animated in pieces, and prompts that were never recorded so nothing can be regenerated. This Skill structures the entire asset pipeline so pictures are sorted, specified, and stored correctly the first time. ## Core Features & Use Cases - Asset triage before generating: Sorts the needed pictures into one-offs, reusable pieces, frames exported from the film itself, and things code can draw for free, cutting the generation list substantially. - Prompt authoring with a fixed style paragraph: Writes the exact prompt for each asset with the same style preamble pasted verbatim above every one, so separately generated images look like one video. - Consistency and movability rules: Generates things that must match as one image cut apart afterwards, and splits things that must move independently into separate files. - Use Case: A Remotion film needs 37 pictures. The Skill sorts them down to 28 that actually need generating, writes each prompt with the shared style paragraph, and records every prompt beside its file under public/assets/<project>/ so any image can be regenerated later. ## Quick Start Ask the assistant to work out which pictures the video needs, write the prompt for each one, and place the results under public/assets for the project.

Frequently Asked Questions about creating-assets

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate consistent images for a video project?▼

Paste the same style paragraph verbatim at the head of every prompt, never paraphrased. For things that must look identical, like one hand in six poses, generate them together in a single image and cut them apart afterwards rather than generating separately.

How to write prompts for AI image generation in video production?▼

Let the assistant write the prompts because it knows what the code needs, such as separate files for parts that move and matching pairs generated together. Spend as much of the prompt on what not to do, like no gradients or shadows, as on what to make.

Can I use my own photos or logos in a generated video?▼

Yes, supplied images are used as given without recolouring or filtering, and are placed in the same figure area with objectFit contain. Check they are at least roughly 800px wide for a 1920x1080 frame, and store them under public/assets/user-uploads.

Why do my generated images look inconsistent across scenes?▼

Inconsistency almost always comes from a missing or paraphrased style preamble, or from generating matching subjects separately. Also never pass photographs or others' artwork as style references, since generators copy what they are shown.

When should I draw shapes in code instead of generating images?▼

Draw in code when the subject is an idea rather than a thing, or when accuracy matters more than richness, such as diagrams with labelled parts. Code-drawn shapes are exact, re-render at any size, cost nothing, and are edited by changing a number.

What size and format should generated video assets be?▼

Generate at least twice the size the picture appears on screen, with a fully transparent background and no shadow baked in. Scaling down looks fine while scaling up does not, and shadows belong in code where they can move.