メニュー
Convert Figma frames, screenshots, design-system inputs, or exported design assets into local renderable LitSquare Stage HTML, CSS, SVG, and JavaScript. Use before motion authoring when the design source is Figma or a visual frame.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Final acceptance review for LitSquare Stage animation projects and rendered artifacts. Use after implementation and every important render to verify still frames, dense frames, final video artifacts, responsive fit, text safety, fps, duration, accessibility, motion blur, and output correctness.
Render and natively encode LitSquare Stage projects through the mandatory macOS app. Use for app preflight, still capture, explicitly requested PNG sequences, final H.264 MP4/MOV encoding, motion blur render settings, render queue controls, diagnostics, inline render progress, artifact QA, and render troubleshooting.
Adapt a LitSquare Stage animation across multiple output formats and proportional HTML layouts. Use for responsive video packs, social aspect ratios, square, portrait, landscape, 4K, 8K, cinema, LED walls, safe areas, fluid typography, and multi-format frame checks.
Author or revise LitSquare Stage scenes and frame-derived motion after a project exists. Use for CSS variable animation, JavaScript DOM animation, SVG/path motion, Canvas 2D, WebGL, Three.js, WebGPU, Paper.js-style morphs, timing helpers, easing, loops, seeded randomness, and motion-blur-safe animation code.
Generate LitSquare Stage videos from structured data and batch variants. Use for API, CSV, JSON, weather, finance, sports, real-estate, event, retail, localized, or other data-driven video workflows.
Initialize or repair a runnable LitSquare Stage animation project. Use for new LitSquare Stage videos, starters, templates, project setup, responsive HTML stage setup, runner wiring, Vite package setup, stage.config.json, attachBrowserHost, attachRenderHost, and motion-blur-safe defaults.
| name | litsquare-stage-figma-source |
| description | Convert Figma frames, screenshots, design-system inputs, or exported design assets into local renderable LitSquare Stage HTML, CSS, SVG, and JavaScript. Use before motion authoring when the design source is Figma or a visual frame. |
Use when Figma or an exported design is the source of the video.
litsquare-stage-init-project.litsquare-stage-author-motion.If Figma plugin or MCP tools are available, use them to read design context and screenshots. If not, work from user-provided exports.
Report source frame dimensions, local project path, converted assets, fidelity risks, and the next authoring or render step.