52 skills · sorted by relevance
Turn workflows and system flows into a whiteboard-style diagram with colored sticky notes and curved arrows. The skill produces a single HTML file, with branches, merges, and optional hover effects for onboarding or operational explanations.
Create editable tldraw canvases with boxes, arrows, sticky notes, frames, and text. Read an existing canvas to group related ideas and rearrange shapes, then open the resulting file in a compatible editor for further adjustments.
Create landing pages that unfold as visitors scroll, using Lenis and GSAP ScrollTrigger. Combine sequential text reveals, layered sticky cards, backgrounds moving at different speeds, and loading transitions, with reduced-motion and mobile fallbacks.
Check whether sticky headers, banners, or chat widgets hide controls reached with the keyboard. Review tab order, zoomed views, and mobile layouts, then suggest spacing or scrolling changes that keep the focused control and its indicator visible.
Use a browser whiteboard to sketch ideas, draw workflows, and add sticky notes, then share them with Copilot CLI. The agent interprets the image and text to discuss your thinking and suggest next steps.
Create rough screen layouts with a hand-drawn look for early design exploration. Graph-paper backgrounds, variant tab labels, chart placeholders, and sticky-note annotations help present ideas as sketches before detailed visual design.
Turn a supplied process or workflow into a whiteboard-style diagram with colored sticky notes and curved arrows. Produce a single HTML file suited to onboarding videos, operational explanations, or system walkthroughs, with optional hover effects and a decorative collaboration cursor.
粘着ピストン（Sticky Piston）の特性、配置方法、および操作に関するガイドラインです。
The English summary is being prepared. Showing the original description.
Create a hand-drawn HTML wireframe for exploring screen layouts before detailed design. Graph paper, sticky notes, sketch tabs, and rough chart placeholders present an early concept with annotations for discussion and review.
Create an HTML presentation for a graduation design project about transit hub wayfinding. Organize the brief, process, evidence, and outcome into a pastel sticky-note design that helps faculty and reviewers assess the contribution and limitations.
Create a single-page editorial landing site from a brand brief, using paper textures, collage imagery, and structured content sections. The output includes responsive layouts, scroll animations, and sticky navigation, with generated, placeholder, or supplied images.
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.
Create and edit FigJam boards through Figma's use_figma tool. Organize meeting or brainstorming content with sections, sticky notes, shapes, connectors, and tables, and inspect existing board elements before updating their text, styling, or positions.
Create and edit FigJam boards through Figma's use_figma tool. Organize meeting or brainstorming content with sections, sticky notes, shapes, connectors, and tables, and inspect existing board elements before updating their text, styling, or positions.
Oxylabs proxy networks: Residential, Mobile, shared Datacenter/ISP, and Dedicated Datacenter/ISP proxies with geo-targeting, IP rotation, session persistence, and port-based sticky IPs. Use when routing traffic through proxies, building scrapers with proxy auth, rotating or sticky sessions, whitelisting IPs, or accessing geo-restricted content.
The English summary is being prepared. Showing the original description.
Build MCP tools that are sticky for vibe coders and powerful for developersUse when "Designing new MCP tools, Improving tool UX or DX, Writing error messages, Planning tool naming, Discussing user onboarding, Making tools "sticky", Vibe coder experience, mcp, product, ux, dx, vibe-coding, onboarding, developer-experience, tool-design" mentioned.
The English summary is being prepared. Showing the original description.
Sticky headers, bottom toolbars, floating action buttons and pinned table headers. Use when deciding what stays on screen while the user scrolls.
The English summary is being prepared. Showing the original description.
Design Kafka consumer groups that survive rebalances, hit the right delivery guarantee (at-most/at-least/exactly-once), and handle poison messages without stalling the topic. Use when picking a partition assignment strategy (Range vs Sticky vs Cooperative-Sticky vs the new KIP-848 protocol), tuning heartbeat / session / max.poll.interval timeouts, choosing manual vs auto offset commits, designing dead-letter or retry topics, or migrating from Classic to the next-gen Consumer protocol. NOT for Kafka cluster ops (broker tuning, partition reassignment), schema design (Avro/Protobuf/Schema Registry), or stream processing topology (use a kafka-streams skill).
The English summary is being prepared. Showing the original description.
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.
Build scroll animations with GSAP or Framer Motion, including fade-ins, parallax effects that move layers at different speeds, pinned sections, and horizontal scrolling. Provides implementation patterns for vanilla JavaScript, React, and Next.js, with accessibility guidance.
Build websites with layered depth, scroll-driven transitions, and animated text using static images, CSS, and JavaScript. The skill covers asset inspection, visual planning, implementation, and checks for performance and motion accessibility.
Build real-time messaging with WebSocket or Socket.IO, including authentication, chat rooms, online status, and reconnection. Provides server and client code, plus guidance on using Redis to share messages across multiple servers and monitor connections.
Design and build visual stories where scrolling changes charts, maps, or video. Plan meaningful scene transitions, choose suitable implementation tools, and provide mobile layouts and static alternatives for readers who prefer reduced motion.
Build reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers. Use for hero transformations, product assembly, interface state walkthroughs, object rotation, diagrams, or photo sequences that must move forward and backward with native scrolling.
The English summary is being prepared. Showing the original description.