Results for “rendering”

Creates programmatic videos with React using Remotion, covering compositions, animations, motion graphics, and MP4 rendering, plus walkthrough and content-to-animation workflows.

Runs a test-driven rendering loop for Copier templates, writing E2E assertions first and iterating until every flavor renders cleanly before committing.

3D game development principles. Rendering, shaders, physics, cameras.

3D game development principles. Rendering, shaders, physics, cameras.

Generates article cover images with customizable type, palette, rendering, text, and mood dimensions, supporting multiple aspect ratios and backends.

Simple headless Puppeteer browser for rendering JavaScript-heavy pages and extracting clean text content. Use when user needs to read a web page that requires JS rendering. Command: openclaw browser read <url>. Requires: node, puppeteer.

Preview and verify imported content in a local AEM Edge Delivery Services development server, validating rendering and comparing with the original page.

Guides building video-generation SaaS apps with Remotion, covering framework selection, the Player component, and rendering options across Lambda, Vercel, Node.js, and Cloudflare.

Configure Unreal Engine core settings — rendering, physics, audio, garbage collection, console variables (cvars), and scalability levels (EngineSettingsService). Use when the user asks to change engine/rendering settings, set a console variable (r.*, etc.), adjust scalability/quality levels, or read engine config categories.

Nuxt 3 patterns including Nitro server, auto-imports, modules, hybrid rendering, and full-stack development.

Profile and optimize CPU, memory, GC, and rendering performance for mobile QuizVerse.

Renders videos and still images from Remotion compositions using the CLI, with guidance on transparent output.

Scaffolds new Blazor web applications with the correct render mode, project structure, and authentication setup.

Create 3D shapes using Three.js built-in geometries, custom BufferGeometry, and instanced rendering.

Generates a sequence of fullscreen video frames with cinematic visuals, auto-play, and metadata for Remotion/Hyperframes rendering.

Fix interactive Blazor components that break during prerender: duplicate data loads, null references, UI flicker, and state loss. Persist state across the prerender-to-interactive handoff, disable prerendering, exclude pages from interactive routing, and detect prerender vs interactive at runtime.

Set up 3D scenes with Three.js, including scene, camera, renderer, Object3D hierarchy, coordinate systems, and math utilities.

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

Render long lists (1k+ rows) efficiently in Salesforce LWC using lightning-datatable infinite loading or an IntersectionObserver sentinel, with keyset pagination and accessibility guidance.

Use when managing Render platform services, configuring render.yaml, provisioning Render databases, or automating Render infrastructure. This skill provides Render-specific operational patterns.

Use when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading, controls, performance). Helpful for designers shipping 3D UI moments.

Upgrades Remotion packages, compatible Mediabunny dependencies, and installed Remotion Agent Skills to their latest aligned versions.

构建可复用的Manim解释器，用于技术概念、图表、系统图和产品演示，并在需要时移交给更广泛的ECC视频栈。当用户希望获得清晰的动画解释而非通用的人物讲解脚本时使用。

Performance — Forge Skill

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.

Comprehensive GLSL shader techniques for creating stunning visual effects — ray marching, SDF modeling, fluid simulation, particle systems, procedural generation, lighting, post-processing, and more.

Turn a plain-text README into a visually rich showcase with a theme-aware hero image, a feature tour grid, an optional animated guided-tour GIF, and updated tech badges. Use when asked to "enhance README", "make README prettier", "add screenshots to README", "showcase the app in README", "design the README", "add hero.

Turns a person's photo into a custom 3D action figure with collectible toy packaging.

Design loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.

Web browser game development principles. Framework selection, WebGPU, optimization, PWA.