444 skills · sorted by relevance
Create browser-based HTML presentations from notes or PowerPoint files. Choose a visual direction through slide previews, then build slides with animations, keyboard and touch navigation, and layouts that fit the screen without internal scrolling.
Automate clicks, typing, scrolling, and dragging in desktop apps through Hermes. The skill starts with background actions that preserve the user's focus, checks results, and switches interaction methods when an action fails.
Find and adapt animations for web pages and components using 160 examples with HTML, CSS, JavaScript, and adjustable parameters. Covers text, interaction, basic, and advanced effects, with guidance on accessibility and fitting code into existing projects.
Create an animated HTML scene for history or trivia explainers, combining pixel art, a prominent year, moving text, and a scrolling timeline. CSS loops provide motion, making the scene suitable for screen recording.
Prototype a documentation page in one HTML file, with navigation, an article, and a linked table of contents. Includes realistic explanatory text, command examples, code, and tables, plus layouts that adapt to narrower screens and right-to-left text.
Build coordinated animation sequences with GSAP, an animation library. Arrange movements in order or in parallel, set start times with labels, group sequences inside others, and control playback, pauses, seeking, and reverse motion.
Review large tables, feeds, and lists for rendering overhead. Introduce virtualization, which renders only visible items and a small buffer, while preserving keyboard access, selection, and expected scrolling behavior.
Review frequent JavaScript events and apply debounce, which waits until activity stops, or throttle, which limits execution frequency. Identify handlers causing sluggish interfaces or excessive API calls, and define browser checks for the fixes.
Review forms for autofocus that moves users past introductory content when a page loads. Suggest removing it or moving focus after user interaction, while considering exceptions for login pages and pages dedicated to search.
Build coordinated animation sequences with GSAP timelines. Set when each movement starts, overlap effects, name key moments, combine smaller sequences, and control playback, including pause, reverse, restart, and jumps to a specific point.
Create and review GSAP code that animates webpage elements and SVG graphics. Covers movement, fades, easing that controls speed changes, staggered effects, playback controls, and adaptations for screen size and reduced-motion preferences.
Create and update dashboards with charts, metrics, and tables drawn from connected data sources or attached files. Link displayed values to their sources so readers can inspect queries, calculations, and freshness while reviewing business indicators or recurring reports.
Review visual design choices before creating or styling web pages, components, apps, dashboards, or interactive reports. It flags repetitive colors, typography, layouts, and motion patterns to avoid, while keeping explicit user requests and other specified styles in control.
Create short animated graphics for titles, statistics, charts, logos, maps, or web content. The workflow sources assets when needed, designs and checks the animation, then exports an MP4 or transparent overlay after preview approval.
Design popups, banners, and slide-in messages for email signups or purchases. Get copy, display timing, audience rules, frequency limits, mobile guidance, and test ideas, with attention to easy dismissal and accessible interaction.
Rebuild existing web pages as working, editable local code using their actual content and assets. Inspect desktop and mobile layouts, reproduce interactions and animations, then compare rendered pages and fix visible or functional differences.
Build and improve mobile apps with React Native and Expo using prioritized implementation rules. Covers faster lists, animations, images, navigation, state management, and native dependencies, with explanations and code examples for reviewing common implementation choices.
Helps implement shared browser support with Zoom Cobrowse SDK. Covers customer and support agent integration, PIN connections, drawing tools, sensitive field masking, and consent-based page scrolling, with references for authentication and connection troubleshooting.
Create and render Table v9 tables in Svelte 5. Covers basic setup and directs work on reusable components, TanStack Query data integration, and TanStack Virtual rendering, which limits displayed rows or columns for large tables.
Create and render Table v9 tables in Preact, including headers and cells. Get guidance on reusable components, Query data integration, and virtualization, which renders only part of a table at a time.
Create or modify Handsontable cell renderers, functions that control cell appearance. It guides safe text and HTML handling, accessible cell attributes, content placement, and caching choices for expensive rendering work during scrolling and redraws.
Guides changes to Handsontable themes and CSS, including cell spacing, text, icons, and theme tokens—named styling settings. It explains compatibility rules and the files and checks needed to keep theme changes consistent.
Inspect and control the connected local computer through A0 CLI or a Launcher host gateway. The skill guides screenshots, native app input, window targeting, and checking results, with background actions where the connected system supports them.
Automate browser tasks such as reading JavaScript-rendered pages, filling forms, clicking through workflows, and taking screenshots. Maintain login sessions, manage separate browsers, and capture network responses, with approval checks for sensitive actions.