- Home
- Skills
- Agents & Orchestration
- cinewright
More screenshots
Works with the AI Agents you already use
cinewright
Generate high-fidelity motion graphics and cinematic video from code using WebGL, 3D engines, and synthesized audio.
Free
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
| Metric | Detail |
|---|---|
| Project Path | ./renders/aether_intro_v1/ |
| Output File | out/aether_intro_16-9.mp4 |
| Concept | "Molecular Assembly" — chrome particles forming the brand mark |
| Style | Dark Gloss / Neo-Brutalist (Tokens: #000000, #C0C0C0, #4A90E2) |
| Duration | 15.0s @ 60fps (4K 3840x2160) |
| Techniques | text3d-chrome, parts-gpu-fluid, cam-macro-drift, sfx-sub-hit |
| QC Status | PASS (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
- Review the contact sheet at
qc/sheet.pngto verify the chrome reflections. - Run
node tools/render.mjs --aspects 9:16if you need a vertical version for social media. - Adjust
audio.mjssynth parameters if the bass impact needs more weight.
sheet.png
TSX · React component
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
- Direction generates a concept, style bible, and shot list using
inspire.mjsbased on your brief. - Scaffold initializes the project from a template like
cinema,showreel, ormotionto establish the engine and assets. - Asset & Code Dev uses the
atlas.mjslibrary to search and paste tested recipes for 3D, shaders, and animations. - Render & Review executes parallel frame rendering with
render.mjsand 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