'rendering' 검색 결과

Review how a page loads CSS, the rules that control its appearance. Inline the styles needed for the first visible content and load the rest asynchronously, while checking layouts across screen sizes and interaction states.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing CSS that delays initial page rendering
• Extracting styles needed for the first visible screen
• Moving noncritical CSS to asynchronous loading

Review component styles to find where CSS containment, which isolates rendering work, can limit layout recalculation and repainting. Identify suitable components and off-screen list items, then check their appearance across screen sizes and interaction states.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing pages with many independent components
• Reducing rendering work for off-screen list items
• Checking containment across screen sizes

Investigate chains of dependent resource requests that delay a page’s first display. Use performance measurements to identify bottlenecks, then reduce waiting by embedding essential CSS or preloading important assets discovered late in the chain.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating slow initial page rendering
• Reviewing dependencies between resource requests
• Planning critical CSS embedding and asset preloading

Structure an HTML video project for HyperFrames, with explicit clip timing, tracks, reusable scene sections, and framework-controlled media playback. Provides rules for repeatable rendering and checks to identify composition problems before producing the final video.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create the HTML structure for a video project
• Organize clip timing and tracks
• Connect reusable scene sections

Create mathematical animations in ManimGL using Python, with guidance for equations, graphs, 3D scenes, and camera movement. Includes interactive development workflows, examples, and templates for testing changes and rendering scenes to video.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Animate equations and mathematical derivations
• Visualize functions and graphs
• Build 3D scenes with camera movement

Style Three.js objects with realistic, cartoon, or custom materials. Choose material types, adjust textures and reflections, create glass or metal effects, and use shader code for custom appearance while considering rendering performance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Give 3D objects metal or glass surfaces
• Create cartoon-style shading
• Adjust textures and environmental reflections

Build Remotion videos using the toolkit’s shared backgrounds, comparison layouts, presenter overlays, and custom scene transitions. Apply its 30fps timing conventions and rendering practices to assemble scenes and coordinate them with voiceover.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add glitch or light-leak scene transitions
• Show two videos side by side
• Overlay a presenter or corner logo

Set up lighting and shadows in Three.js scenes. Choose light types, create outdoor or studio lighting, use environment images to illuminate materials, and tune shadow settings to balance appearance with rendering performance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create sunlight and sky lighting outdoors
• Set up studio or three-point lighting
• Use HDR images for environment lighting

Create and revise fixed-layout PDFs such as reports, guides, and printable documents. The skill also covers reading, merging, splitting, cropping, and filling existing PDFs, with rendering checks and visual review before delivery.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create reports and printable guides as PDFs
• Revise the content or layout of a PDF document
• Merge, split, or crop existing PDFs

Maintain visual snapshot tests, which compare rendered images, for Remotion’s web renderer. Update existing tests after implementation changes, or add explicitly requested tests with sample components, preview registration, and documentation updates for supported properties.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Updating existing tests after renderer changes
• Adding an explicitly requested rendering test
• Registering a test fixture for preview

Publish updated Chrome binaries to Remotion Lambda’s test region, update layer references and version documentation, and verify rendering with Docker before rolling the update out to all supported regions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Test a Chrome update before regional rollout
• Update Lambda layer references and Chrome version documentation
• Verify rendering with Docker across platforms

Route Remotion tasks to the relevant specialist guides, from creating videos and projects to captions, maps, and rendering. It also guides Studio preview setup, package upgrades, and troubleshooting when working inside Codex.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Starting a new video or Remotion project
• Finding guides for captions and animated maps
• Previewing video edits in Remotion Studio

Build an app that generates or edits videos with Remotion. The guidance covers choosing a template or framework, embedding a video preview in React, and selecting where video rendering—the process of producing the output—takes place.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a form that triggers video generation
• Developing a video editor
• Embedding a Remotion preview in a React app

Record React rendering activity during specific Remotion Studio interactions to investigate repeated renders and slow updates. Compare measurements before and after code changes under matching conditions, and check that behavior still works correctly.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigate unnecessary React renders in Remotion Studio
• Identify components responsible for slow updates
• Analyze rendering related to timeline position

Choose tools and workflows for 3D modeling, dimensioned CAD parts, scan processing, rendering, and fabrication. Capability tables and recipes help connect tasks from photographs or initial designs to printable parts, CNC toolpaths, or game assets.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Plan a workflow from dimensioned CAD to 3D printing
• Model and export a game asset
• Reconstruct a 3D model from photographs

Analyze recorded GPU frames from RenderDoc through command-line tools. Inspect drawing operations, textures, and shaders, compare rendering settings between events or captures, and export images and inspection bundles for reviewing graphics problems.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating drawing operations in a captured frame
• Exporting textures and shader code
• Comparing rendering settings between events

Create Markdown research notes, reports, and guides with Mermaid diagrams, which describe relationships as editable text. Choose suitable diagrams for workflows, timelines, or schemas, add accessible descriptions, and check rendering in the intended destination.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Writing research notes with workflow diagrams
• Diagramming data structures and relationships
• Creating project timelines

Extract text and its page coordinates locally from PDFs, Office documents, and images. Use OCR to read scans, export structured JSON or Markdown, process document folders, and render pages as PNG images for agents that analyze visual content.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Extracting text from scanned PDFs and images
• Preparing document text and coordinates for retrieval-based AI answers
• Batch-processing folders of research papers

Inspect microscopy data stored on OMERO.server, export selected image metadata, and plan imports or exports. The skill uses explicit data scopes and limits, with dry-run helpers and reviewed targets for workflows that change server data.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Inventory selected OMERO objects with result limits
• Export annotations and regions of interest as JSON
• Plan microscopy image imports and exports

Write, review, or refactor React and Next.js code using prioritized performance guidelines. Address sequential data requests, large bundles of browser code, server work, and unnecessary rendering, with explanations and code examples for each rule.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Writing React components with performance in mind
• Reviewing Next.js data fetching
• Reducing browser code size and loading time

Develop Angular v20+ applications using Signals for reactive state and Standalone Components. Supports gradual migration from NgModules, Zoneless configuration, server-side rendering, hydration, and performance optimization with development testing before production use.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a new Angular v20+ application
• Implement reactive state with Signals
• Gradually migrate NgModules to Standalone Components

Inspect browser storage and caches in a CTF sandbox to explain changes in authentication, page rendering, or requests. Compare clean and modified states, then document the smallest sequence that reproduces the relevant behavior.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating login behavior affected by stored browser state
• Explaining page differences caused by caches
• Reproducing behavior with clean and modified storage

Modernize existing React applications through version upgrades and migration from class components to Hooks, functions for state and lifecycle behavior. Includes React 18 rendering APIs, grouped state updates, and features for prioritizing interface updates.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Plan an upgrade from React 16 through React 18
• Rewrite class components with Hooks
• Extract shared logic into custom Hooks

Turn local Q&A session files into an English weekly report with topic rankings, unresolved issues, activity metrics, and comparisons with the previous week. Include supporting message excerpts and structured data for later document and dashboard rendering.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create a weekly community Q&A report
• Compare topics and activity with the previous week
• Review unresolved high-priority issues