'scroll' 검색 결과

Review long pages and dashboards to defer heavy components until they approach the visible screen area. Identify unnecessary initial JavaScript, introduce visibility-based loading, and preserve layout space so scrolling content is ready when needed.

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

• Defer charts located far down a dashboard
• Review loading behavior on long landing pages
• Load embeds and related products as they approach the screen

Find costly DOM operations, the code that reads or changes page elements, and review scrolling handlers or frequent React updates. Reorganize work to reduce repeated layout calculations and verify the changes in the browser.

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

• Investigating stuttering animations
• Grouping DOM reads before DOM writes
• Reviewing scroll and touch event listeners

Write and review animation code using gsap.utils helpers. Convert scroll positions into animation values, constrain ranges, generate random values, snap positions to a grid, and handle element collections with reusable functions.

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

• Mapping scroll position to movement or rotation
• Snapping animated positions to a grid
• Randomizing element positions and colors

Helps Claude work in desktop apps by viewing screenshots, clicking, typing, and scrolling. It covers access approval, choosing appropriate tools, and handling app restrictions for tasks in Notes, Finder, settings, and other native apps.

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

• Organizing notes in Notes
• Working with files in Finder
• Checking settings shown on screen

Control a running iTerm2 workspace from the command line. See what each terminal pane is doing, send commands, read current and past output, arrange windows and tabs, manage tmux integration, and change preferences.

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

• See what is running in every terminal pane
• Send commands and read terminal output history
• Create and restore layouts with multiple panes

Control a running iTerm2 workspace from the command line. Inspect processes and directories across panes, send commands, read terminal history, arrange windows and tabs, and manage preferences or tmux integration.

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

• Check processes and directories across panes
• Send commands and read output history
• Create split panes and restore layouts

Build and debug interactive web 3D scenes with Three.js, React Three Fiber, or Spline. Plan product configurators and portfolios, prepare models, connect scroll interactions, and review loading feedback, fallback content, accessibility, and performance on target devices.

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

• Adding interactive 3D product previews and variant controls
• Creating a portfolio scene linked to scrolling
• Investigating slow loading or rendering in a 3D scene

Create interactive 3D scenes for websites, including product views and scroll-driven animations. Covers choosing Three.js, React Three Fiber, or Spline, preparing lightweight models, showing loading progress, and adapting experiences for mobile devices.

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

• Building an interactive 3D product configurator
• Adding 3D scenes to a portfolio
• Animating models and cameras as visitors scroll

Convert long Markdown specifications, reports, and plans into a single HTML document with a sticky table of contents, search, section tracking, and code-copy buttons. Apply previously configured brand colors and layout styles.

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

• Turn long specifications into navigable HTML documents
• Add search and a table of contents to reports
• Apply consistent brand styling to technical documents

Let an agent launched through cmux inspect and operate macOS apps using screenshots and accessible interface elements. It supports clicking, typing, scrolling, and dragging, with explicit user requests and permissions granted to the local helper.

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

• Ask an agent to click controls in a macOS app
• Enter text into forms or editors
• Check the screen after an action

Maintain existing tests for Walkontable, Handsontable's table rendering engine. The skill explains its separate test commands and covers frozen rows and columns, visible area calculations, scroll alignment, and pitfalls that can hide failures or produce misleading results.

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

• Maintaining existing Walkontable rendering tests
• Checking frozen rows and columns during scrolling
• Testing visible areas after container resizing

Build or modify Handsontable cell editors with guidance on editing states, input validation, focus, and element cleanup. Address dropdown positioning during scrolling, right-to-left layouts, and Japanese or other text input using composition.

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

• Building a custom cell editor
• Supporting asynchronous input validation
• Fixing dropdown positioning during scrolling or in RTL layouts

Write and review animation code using gsap.utils helpers. Convert scroll positions into animation values, constrain ranges, generate random values, snap positions to a grid, and handle element collections with reusable functions.

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

• Mapping scroll position to movement or rotation
• Snapping animated positions to a grid
• Randomizing element positions and colors

Add GSAP animations to Vue, Nuxt, Svelte, and SvelteKit components with guidance on when animations should start, which elements they affect, and how to remove animations and restore styles when components are removed.

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

• Adding animations to Vue components
• Reviewing animation cleanup in Svelte
• Limiting animations to elements within a component

Turn a plain description of a web animation into the matching term from a curated glossary. Get a short definition and distinctions between similar effects so you can describe the motion to an AI or designer.

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

• Find the name of an animation you have seen
• Describe a desired motion effect in an AI prompt
• Distinguish between similar animation terms

Build and debug mobile apps for iOS and Android with React Native and Expo. Implement navigation, adapt screens to each platform, integrate native modules that access platform features, and improve list rendering, keyboard behavior, and memory use.

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

• Building an app for both iOS and Android
• Adding tabs, navigation stacks, and deep links
• Improving scrolling performance in long lists

Review habitual phone scrolling through three days of screen-time records, changes to app access, and alternatives such as reading or walking. If the plan proves difficult, this skill helps narrow the goal to something more manageable.

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

• Reducing bedtime phone scrolling
• Replacing short videos with offline activities
• Identifying apps that consume the most time

Build Android interfaces in Expo using Jetpack Compose components and modifiers, which control layout and appearance. The skill guides component selection, sizing, scrollable lists, and XML icons for SDK 55.

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

• Add native Android UI components to an Expo app
• Build a scrollable list with LazyColumn
• Display Android XML vector icons

Integrate charts and architecture diagrams into React or Next.js apps. Plan which parts run in the browser, separate rendering from application state, and address loading performance, mobile layouts, accessibility, and shareable views.

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

• Integrating D3 charts into React components
• Choosing browser or server rendering in Next.js
• Sharing chart filters and selections through URLs

Design tests for charts, dashboards, and interactive diagrams. Combine data checks, component tests, screenshot comparisons, and end-to-end workflows to catch incorrect values, broken interactions, and visual changes while keeping tests stable.

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

• Choose test coverage for a chart component
• Set up stable screenshot comparisons for a dashboard
• Verify mobile interactions and degraded network states

Build charts and interactive diagrams in TypeScript with explicit data types and clear component boundaries. Guides library selection, data validation, interaction design, and shareable view settings to support maintainable visualization code.

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

• Choose a visualization library for a TypeScript app
• Refactor a D3 prototype into maintainable TypeScript
• Define data types for selections and tooltips

Record a web app workflow on a desktop with a visible system cursor. It produces an MP4 video and a separate log of clicks, hovers, scrolling, and typing, and can re-record existing demo scripts.

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

• Recording a checkout or user invitation workflow
• Creating a feature video for a changelog
• Re-recording an existing demo after UI changes

Build a Three.js landscape backdrop for buildings, products, or figures. Combine uneven terrain, wind-blown grass, scattered stones, sky, and stars, with smooth transitions between times of day and guidance on rendering performance.

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

• Create a landscape backdrop for a hero section
• Place a product or building in a natural setting
• Build scenery for a scrolling world

Turn a working web effect or interaction into a reusable skill by extracting its core mechanism, documenting tested parameters and pitfalls, and packaging a demo that preserves the reference design and proves the behavior.

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

• Reuse a successful scroll effect across projects
• Package a canvas effect with a working demo
• Document tested parameters and hard-won fixes