菜单
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.
用 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.
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.
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.
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-responsive-pack |
| description | 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. |
Use when one animation must render cleanly across more than one size or aspect ratio.
references/format-matrix.md and references/responsive-fluid-html.md.ctx.width, ctx.height, and aspect ratio.renderFrame; do not rely on viewport-only CSS for render-critical placement.litsquare_stage_start_video_render job through the LitSquare Stage app.Use this pack unless the user asks otherwise:
Report each target format, responsive strategy, safe-area assumptions, still-frame checks, and whether the pack is ready for litsquare-stage-render-video.