442 skills · sorted by relevance
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.