1.2K skills · sorted by relevance
Design and improve web, mobile, and desktop interfaces using searchable local guidance. Find suitable colors, font pairings, layouts, and interaction patterns, then apply accessibility checks and implementation advice for the technology used in the project.
Design and review desktop interfaces built with GPUI Kit. Applies rules for layouts, colors, components, interaction states, and interface wording, with checks for keyboard access, focus behavior, and accessibility before finishing the work.
Develop and migrate LangBot messaging adapters for Event-Based Agents, its event-driven architecture. Check conversion into shared event and message formats, implement platform APIs, and verify behavior through unit tests and real platform interactions.
Design and review web interfaces using Apple’s principles for fluid interaction. Shape drags, swipes, and spring motion that can change direction mid-animation, alongside translucent layers, readable typography, and accessible alternatives to movement.
Build distinct, working versions of one interface component and compare them at full size using a visual picker. Explore differences in layout, interaction, or motion, then integrate the version you choose into the project.
Design dashboards, admin panels, and app interfaces around users’ tasks and data. Establish screen layouts, colors, typography, and interaction states, then document reusable patterns to keep future interface work consistent.
Turn a design into a developer handoff document covering layout, shared design settings, component options, interactions, and screen-size behavior. Include loading and error states, animation details, and accessibility notes to clarify implementation requirements.
Refine interface surfaces, icons, and motion with specific values for corners, shadows, alignment, and transitions. Preserve the project's existing design conventions while identifying visual inconsistencies, touch interaction problems, and missing alternatives for reduced motion.
Automate website interactions through a command-line browser tool. Navigate pages, fill forms, extract text, save screenshots or PDFs, reuse login sessions, and compare page states to check the effects of actions or website changes.
Recreate a website from its URL as a locally runnable frontend app. Capture desktop and mobile layouts, assets, and interactive states, then compare the implementation with the source and complete visual and interaction quality checks.
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.
Decide whether geographic data needs a map, then choose suitable background maps, visual forms, and implementation tools. Plan overlapping markers, zoom behavior, and mobile interactions so the map supports the intended analysis or product task.
Build custom browser charts with D3, including precise labels, annotations, zooming, and range selection. Create SVG graphics that adapt to mobile screens, use meaningful contextual backgrounds, and support export when needed.
Design live monitoring dashboards with clear priorities, linked charts, and predictable update behavior. Covers mobile interactions, connection failures, and rendering performance so users can scan current conditions, spot anomalies, and explore details as data changes.
Create or edit websites and application interfaces in the current iPolloWork Design session. Preserve shared design settings, component identities, and editing boundaries while making targeted or structural changes, then check affected interactions and supported exports through the host.
Automate website interactions and checks with Playwright, a browser automation tool. Create and run scripts for forms, login redirects, broken links, and different screen sizes, with screenshots and execution results to inspect.
Review web interface code for accessibility, visual design, and interaction issues. This skill checks specified files against interface guidelines and returns concise findings grouped by file, with line numbers to help locate each issue.
Build 2D physics scenes for web pages with Matter.js. This skill guides engine setup, canvas rendering, adding objects, optional mouse dragging and connections between objects, plus cleanup when a scene is removed.
Create coordinated website animations with GSAP, ScrollTrigger, and Lenis. Combine smooth scrolling, staged text and image reveals, pinned scenes, and pointer interactions, with guidance for performance, touch devices, and reduced-motion preferences.
Build a continuous 3D website where scrolling guides the camera, lighting, text, and interactions through planned chapters. The skill covers visual planning, responsive composition, progressive loading, accessibility, and performance checks for a live Three.js world.
Review and refine websites and apps by finding generic decoration, inconsistent visual choices, and interface defects. Preserve the established art direction while improving hierarchy, layout, interaction states, and the connection between design choices and product needs.
Turn browser screenshots captured during real interactions into a 60 fps, 4:3 4K demo video. Add a natural macOS cursor, timed clicks, and gentle zooms, then verify video properties and a sample frame.
Compare running models or tasks on a device, nearby edge infrastructure, or in the cloud. Break down interaction delays, data transfers, energy use, costs, and failure recovery to assess deployment choices for multimodal and real-time agents.
Build GenLayer contracts that use AI or external evidence to make on-chain decisions. The skill guides independent validator checks, persistent data storage, error handling, and interactions between contracts, with pinned runtime versions.