'rendering' 검색 결과

Build TypeScript summary panels that combine data already fetched by other panels. Accept partial updates, wait for required fields before rendering, and update displayed metrics without additional network requests, using reusable base classes and a coordinator.

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

• Combine email and stock metrics in one summary panel
• Wait for required data before showing a summary
• Update metrics using data fetched by other panels

Assess server-side template injection, where user input is interpreted as template code. Identify template engines, evaluate information exposure and code execution risks, and organize evidence alongside detection and prevention measures.

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

• Assessing template rendering endpoints
• Identifying the template engine in use
• Evaluating information exposure and code execution risks

Plan NVIDIA NuRec workflows that turn sensor recordings into renderable 3D scenes. This routing skill selects the relevant specialist skills for dataset downloads, conversion, training, rendering, and frame cleanup, and puts the steps in order.

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

• Plan a reconstruction workflow from sensor recordings
• Find the steps to render an existing USDZ scene
• Choose a workflow for cleaning up rendered frames

Build browser-based 3D games with Three.js, TypeScript, and Vite. Structure scene and camera control, model loading, physics, and interface overlays separately from game rules, with guidance for WebGL rendering diagnostics and performance.

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

• Build a browser-based 3D exploration demo
• Prototype vehicle movement or character traversal
• Load GLB models and integrate Rapier physics

Plan a browser game's architecture before coding. Choose an engine, separate game rules from rendering, and define input, assets, menus, saves, debugging, and performance checks within a shared design.

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

• Choose an engine for a 2D or 3D browser game
• Separate game state from rendering responsibilities
• Plan input mappings and asset organization

Build 2D browser games with Phaser, TypeScript, and Vite. Organize gameplay rules separately from rendering, implement cameras and sprite animation, and add HTML overlays for status displays and menus.

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

• Building a turn-based grid tactics game
• Creating top-down exploration or side-view action
• Adding status displays and command menus

Apply Vercel Engineering’s performance guidelines when writing, reviewing, or refactoring React and Next.js code. Prioritize improvements to data fetching, downloaded code size, server processing, and unnecessary rendering using rules with explanations and code examples.

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

• Review React components for performance issues
• Improve data fetching in Next.js pages
• Reduce downloaded code and loading time

Build dense, frequently updated charts with Canvas2D, including zooming, clicking, and dragging. Guides rendering performance, mobile interactions, and the use of SVG or HTML for labels, controls, and accessibility.

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

• Build a scatterplot with a million points
• Add selection and zoom to a timeline
• Move an SVG heatmap to Canvas while preserving labels

Investigate slow rendering, uneven scrolling, and excessive updates in SwiftUI apps by reviewing code first. When needed, use runtime measurements to assess likely causes, prioritize fixes, and compare performance before and after changes.

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

• Investigate uneven scrolling and dropped frames
• Find causes of excessive view updates
• Review high CPU use or memory growth

Create a fixed, full-screen WebGL laser background with a thin white core, brand-colored halo, and soft smoke. Adjust beam placement, glow, fog, and rendering cost while keeping foreground content readable and interactive.

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

• Adding a thin laser behind page content
• Matching laser glow and smoke to brand colors
• Adjusting beam position and smoke density

Embed interactive Unicorn Studio scenes in websites and adjust their sizing, layering, and rendering settings. Use it to integrate animated visuals with page content, manage performance, and troubleshoot scenes that fail to appear.

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

• Embed an interactive scene in a website
• Layer animated visuals with text and images
• Adjust rendering settings for mobile devices

Implement a WebGL transition where a ragged ember edge burns away the old page and reveals the next scene in motion. The skill covers glowing embers, porous char, rendering optimizations, transition timing, and reduced-motion behavior.

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

• Switch chapters with a burning-paper reveal
• Reveal an animated scene behind a moving ember edge
• Adjust burn direction and duration for page content

Measure and improve Three.js or WebGL game performance through repeatable gameplay checks. Identify CPU or GPU bottlenecks, reduce unnecessary rendering and processing, and verify that controls, collisions, visuals, and memory remain stable.

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

• Investigating frame-time spikes
• Reducing rendering and particle workloads
• Improving performance on mobile devices

Add shafts of sunlight to Three.js or similar 3D scenes. Shape rays with roofs and foliage, align them with the sun, and tune rendering effects so foreground surfaces keep their contrast while processing costs remain measurable.

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

• Add sunbeams through a tree canopy
• Show sunlight passing through roof gaps
• Create golden-hour architectural scenes

Create or integrate detailed 3D models with smooth outlines and believable edges for close-up views. Prepare lower-detail versions for distant viewing, prioritize loading, and measure rendering costs in the actual scene.

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

• Creating a detailed 3D model for close-up views
• Replacing visibly faceted curves with smoother geometry
• Preparing detailed architectural assets for rendering

Organize shared data and update logic in Vue apps using Pinia stores, containers for application state. The skill guides store definitions, reactive data access, communication between stores, testing, and integration with Nuxt and server-side rendering.

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

• Organizing shared data and update logic in Vue apps
• Connecting stores and extending them with plugins
• Testing components with mocked stores

Diagnose and improve slow web interfaces by measuring loading, rendering, interactions, and animations. The skill addresses images, JavaScript bundles, page layout, and network requests, then compares before-and-after results to verify improvements across devices and connection speeds.

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

• Reducing slow initial page loads
• Improving sluggish scrolling and animations
• Reducing image and JavaScript download sizes

Extract data from websites or saved HTML using a suitable fetching method for each page. The skill generates and runs scripts for static pages, form-based logins, JavaScript rendering, and sites with Cloudflare or WAF protection.

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

• Extracting data from static web pages
• Collecting data after a form-based login
• Fetching pages that require JavaScript rendering

Build Blazor forms, search boxes, and input controls with validation and submission handling. The skill covers file uploads and explains which form patterns apply to interactive pages and pages rendered on the server.

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

• Build a registration form with input validation
• Filter a list as users type
• Add file uploads to an interactive page

Convert an older Blazor Server app into a .NET 8+ Blazor Web App while preserving interactive server behavior. It guides changes to page structure, startup configuration, authentication state sharing, and validation of the converted app.

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

• Converting a .NET 6 or .NET 7 Blazor Server app
• Moving the host page into App.razor
• Updating authentication state sharing

Share shopping carts, themes, and other state across Blazor components that are not directly connected. Choose cascading values or shared services, notify components when data changes, and account for rendering boundaries and service lifetimes.

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

• Sharing a shopping cart across multiple pages
• Applying themes or preferences throughout an app
• Updating notification counts in separate components

Implement data loading and API submissions in Blazor, including loading indicators, error handling, and cancellation when navigation changes. Configure HttpClient and organize data services for components that run on the server or in the browser.

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

• Load API data into a Blazor page
• Show saving status and prevent duplicate submissions
• Cancel and reload data when route parameters change

Create or review Blazor components, reusable parts of a web interface. Covers passing data and events between parent and child components, content templates, asynchronous work, display states, and resource cleanup when components are removed.

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

• Creating reusable Blazor interface components
• Reviewing data and event flow between parent and child components
• Implementing debounced actions and periodic updates

Add a new safe-output message type to gh-aw, connecting configuration validation, Go parsing, and JavaScript rendering. Follow the required updates through tests, exports, documentation, and generated action bundles so the message reaches workflow output.

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

• Add a new safe-output message type to gh-aw
• Support custom templates with placeholders
• Test default and customized message output