More screenshots

    Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+22 more

    cinewright

    1

    Generate high-fidelity motion graphics and cinematic video from code using WebGL, 3D engines, and synthesized audio.

    Free

    3 installsSecurity scanned
    cinewright

    cinewright

    Example session with this skill installed

    Create a 15-second cinematic intro for a tech brand called 'Aether'. Use a dark, glossy aesthetic with 3D chrome text and a synth-driven score. Render in 4K.

    • Read your context and instructions
    • Compiled the cinewright
    • Generated the UI component

    I have scaffolded and rendered the cinematic intro for Aether. The project uses the cinema template with a custom style bible focused on high-contrast chrome materials and dark ambient lighting.

    Cinewright Studio Deliverable

    MetricDetail
    Project Path./renders/aether_intro_v1/
    Output Fileout/aether_intro_16-9.mp4
    Concept"Molecular Assembly" — chrome particles forming the brand mark
    StyleDark Gloss / Neo-Brutalist (Tokens: #000000, #C0C0C0, #4A90E2)
    Duration15.0s @ 60fps (4K 3840x2160)
    Techniquestext3d-chrome, parts-gpu-fluid, cam-macro-drift, sfx-sub-hit
    QC StatusPASS (Determinism verified, energy median 32%, 3 review rounds)
    
    # Preview the frames
    node tools/render.mjs sheet --times 2,7.5,14
    
    # Re-render at different quality
    node tools/render.mjs --quality max --aspects 16:9
    
    # Launch local preview server
    node tools/render.mjs serve
    

    Next steps

    1. Review the contact sheet at qc/sheet.png to verify the chrome reflections.
    2. Run node tools/render.mjs --aspects 9:16 if you need a vertical version for social media.
    3. Adjust audio.mjs synth parameters if the bass impact needs more weight.

    sheet.png

    TSX · React component

    Generated

    Example file from a real run - the skill writes it into your workspace.

    Connects securely to your tools. The creator never sees your data.

    About this skill

    Motion design is often reduced to static slides with basic transitions. Cinewright solves this by providing a professional-grade studio environment for generating high-fidelity video directly from code. It eliminates the need for stock footage or manual keyframing by using a deterministic WebGL/canvas engine rendered via headless Chrome.

    What it does

    • Motion Graphics Kit builds brand intros, social promos, and infographics using a library of 11 scene types and 50 self-drawing icons.
    • GPU Film Engine handles complex 3D meshes, particle systems, shader art, and cinematic transitions (whip, push, iris, zoom).
    • Auto-Scored Sound synthesizes music and sound design from the same cue timeline as the visuals for frame-perfect hits.
    • Studio QC Pipeline enforces quality through deterministic verification, frame-fill analysis, and energy-mapping tools.
    • RTL Typography provides first-class support for Persian, Arabic, and Hebrew with correct script shaping and mirrored layouts.

    How it works

    1. Direction generates a concept, style bible, and shot list using inspire.mjs based on your brief.
    2. Scaffold initializes the project from a template like cinema, showreel, or motion to establish the engine and assets.
    3. Asset & Code Dev uses the atlas.mjs library to search and paste tested recipes for 3D, shaders, and animations.
    4. Render & Review executes parallel frame rendering with render.mjs and performs three rounds of visual QC.

    Frameworks & tools

    Built for Node.js environments using WebGL, Canvas API, and Three.js. It requires Chromium/Chrome and ffmpeg for headless rendering and encoding.

    Why this beats prompting it yourself

    Generic AI video models produce non-deterministic, hallucinated motion that is impossible to edit precisely. This skill provides a code-first framework where every frame is a pure function of time, allowing for exact timing, consistent branding, and programmatic iteration.

    Use cases

    • Generating high-end brand intros and channel stings with synced sound.
    • Building data-driven infographics or vertical social promos for marketing.
    • Creating product explainers using 3D meshes and UI walkthrough components.
    • Producing music visualizers or generative shader art for background loops.

    Known limitations

    Requires Node 18+, Chrome/Chromium, and ffmpeg installed on the host. Not designed for processing external stock footage or generative video model prompting.

    How to use

    Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    3 installs

    Downloaded by developers to date

    Free forever

    No account required to browse

    Trust & safety

    Security scanned

    Verified clean 2 days ago

    • Free to download with an account

    Requires

    W3
    macOS
    report
    Node.js

    Listed2 days ago

    What's inside

    Frequently Asked Questions