're-render' 검색 결과

Write, review, and refactor React and Next.js code using performance guidelines from Vercel. Prioritized rules help identify sequential data requests, oversized JavaScript bundles, unnecessary re-renders, and other opportunities to improve loading and responsiveness.

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

• Reviewing React components for performance issues
• Improving data fetching in Next.js pages
• Reducing JavaScript bundle size

Write, review, and optimize React Three Fiber code for 3D scenes in React. Apply prioritized guidance on unnecessary re-renders, animation loops, model loading, state management, visual effects, and physics across the Poimandres ecosystem.

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

• Reviewing unnecessary re-renders in 3D scenes
• Improving animation update code
• Setting up model loading and loading indicators

Implement and review React, React Native, and TypeScript interfaces to reduce unnecessary rendering. It guides state placement, Hook dependencies, and memoization—reusing calculations or components—with performance checks that preserve correct screen updates.

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

• Investigate unnecessary screen re-renders
• Review Hook dependencies and effects
• Reduce update costs in list rows

Investigate React Native performance problems, including choppy screens, slow startup, large bundles, and memory leaks. The guidelines help measure the affected interaction, choose a targeted change, and repeat measurements to verify its effect.

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

• Investigate choppy scrolling and animations
• Reduce app startup time
• Analyze and reduce bundle or app size

Find and improve slow React components while preserving interface behavior. It targets unnecessary renders, costly calculations, and long lists, then compares render counts and timings with baseline measurements using React DevTools Profiler.

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

• Investigating sluggish input and screen updates
• Reducing repeated renders caused by timers
• Improving long-list scrolling

React 19 performance patterns and composition architecture for Vite + Cloudflare projects. 50+ rules ranked by impact — eliminating waterfalls, bundle optimisation, re-render prevention, composition over boolean props, server/client boundaries, and React 19 APIs. Use when writing, reviewing, or refactoring React components. Triggers: 'react patterns', 'react review', 'react performance', 'optimise components', 'react best practices', 'composition patterns', 'why is it slow', 'reduce re-renders', 'fix waterfall'.

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

Diagnose SwiftUI performance issues including unnecessary re-renders, view identity problems, and slow body evaluations. Use when SwiftUI views are slow, janky, or re-rendering too often.

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

Use when writing, reviewing, or optimizing React/Next.js code. Triggers on .tsx/.jsx files, React component work, Next.js routes, bundle optimization, re-render issues, or performance improvements. Auto-activates alongside mk:typescript when React project detected.

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

Analyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). Use when asked to profile or improve a React component, reduce re-renders, or speed up UI updates in React apps.

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

Performance optimization guidelines for OneKey React/React Native applications. Use when optimizing app performance, fixing UI freezes/lag, reducing re-renders, handling concurrent operations, or analyzing performance bottlenecks. Triggers on performance, optimization, optimize, slow, lag, freeze, hang, jank, stutter, memory, leak, concurrent, batching, batch, memoization, memo, bridge, windowSize, contentVisibility, FlashList, re-render, fps, tti, bundle.

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

React와 Next.js의 로딩과 조작 반응 속도를 점검하는 지침입니다. 데이터 요청 대기, 초기 JavaScript 용량, 반복 렌더링 등을 우선순위에 따라 살펴봅니다.

• 페이지 로딩 지연 조사
• 브라우저에 전달하는 JavaScript 용량 점검
• 반복 렌더링과 조작 지연 줄이기

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

Review an agent’s role, communication style, user profile, and boundaries through an interview. It records the user’s exact answers in a shared store, then regenerates the relevant identity files after the user reviews and confirms those answers.

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

• Revisiting the agent’s role and purpose
• Adjusting tone and communication style
• Updating user details and access boundaries

Trace application behavior and explain data structures using compact text tree diagrams. The diagrams connect user actions to real functions, data types, state changes, and the components that render again as a result.

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

• Tracing what happens after a user action
• Investigating why a component renders again
• Mapping data structures and their consumers

Prevent and investigate excessive rendering in Lite React screens. It guides data transformations, context use, and store subscriptions, then checks compiler output and measures rendering time before and after changes to verify their effect.

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

• Investigate lag when selecting rows in Lite
• Review data transformations during rendering
• Design narrower context and store subscriptions

Build sidebars and widgets that receive data updates from their caller. This skill uses a single shared module instance, separate creation and update functions, and stored references to page elements for partial updates.

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

• Build a sidebar that updates frequently
• Display data supplied by an external controller
• Update selected page elements without rebuilding the whole widget

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

Write, review, and refactor React and Next.js code using performance guidelines from Vercel Engineering. Prioritize improvements to data fetching, downloaded code size, server processing, and unnecessary rendering, with rule files providing explanations and code examples.

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

• Reviewing React code for performance issues
• Reducing delays in Next.js data fetching
• Reducing downloaded code size and load times

Regenerate sounds in a draft PeonPing pack based on feedback. This internal workflow revises sound prompts or speech text, preserves the pack's style and voice, renders replacement audio, and records each successful change.

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

• Soften a sound based on review feedback
• Apply a correction across an entire sound pack
• Create a fresh variation of an existing sound

Guides performance improvements when writing, reviewing, or refactoring React and Next.js applications. Prioritized rules cover data fetching, bundle size—the amount of code delivered to browsers—and rendering, with explanations and code examples.

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

• Reviewing React components for performance issues
• Improving data fetching in Next.js pages
• Reducing code delivered to browsers

Use when the user gives a topic and wants an automated topic-driven narrated explainer, podcast, or knowledge-summary video (Bilibili / YouTube / Xiaohongshu / Douyin / WeChat Channels), or asks to learn visual design patterns from a reference video/image. Trigger when the user mentions creating a knowledge video, narrated explainer, video podcast, or animated infographic-style video from a topic — even if they don't say "video podcast" explicitly. Also trigger when the user wants to regenerate, re-render, rebuild, update, or iterate on a narrated video this skill already produced — e.g. they edited the script/prompt, changed the visuals, or swapped the background music and want the final video remade (reuse the existing videos/{name}/ directory, never start a new project). Do NOT trigger for generic video editing, trimming, format conversion, color grading, or non-narrative video tasks. Produces 4K video via research → script → TTS → Remotion → MP4 + BGM.

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

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.

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

the UGC fix-loop toolkit — surgically re-render a bad window/beat of a single-take UGC master (stitch_replacement.py, pure FFmpeg) and GPT cross-model review a Seedance prompt before render (vet_seedance_prompt.py, routed through the openai-proxy). Fetch it into a one-shot UGC recipe so both scripts resolve on any machine and the vet call bills the Ads agent.

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

When the user wants to choose or optimize rendering strategy for SEO. Also use when the user mentions "SSR," "SSG," "CSR," "ISR," "static rendering," "dynamic rendering," "server-side rendering," "client-side rendering," "JavaScript rendering," "pre-rendering," "prerender," "content in initial HTML," or "crawler visibility." For crawl issues, use site-crawlability.

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