'sticky' 검색 결과

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.

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

• Illustrating a user onboarding flow
• Explaining operational procedures
• Presenting system structure

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.

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

• Sketch a process diagram
• Group related sticky notes
• Read text and positions from a canvas

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.

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

• Create a landing page that unfolds section by section
• Present portfolio projects as layered sticky cards
• Reveal headlines and backgrounds as visitors scroll

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.

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

• Checking keyboard navigation around sticky headers
• Testing pages with cookie banners and chat widgets open
• Reviewing overlap in zoomed and mobile layouts

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.

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

• Discussing a workflow drawn on a whiteboard
• Organizing ideas captured on sticky notes
• Turning a sketch into a memo or checklist

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.

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

• Exploring an initial screen layout
• Showing multiple design variants with tab labels
• Adding sticky-note annotations to a rough draft

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.

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

• Illustrating a user onboarding process
• Explaining operational steps with branches and merges
• Presenting a system structure as a whiteboard diagram

Build visual sequences that move forward and backward with page scrolling. Use video, image frames, canvas, SVG, or HTML elements in a sticky stage, while preserving keyboard access, static alternatives, and predictable visual states.

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

• Showing product assembly through scrolling
• Explaining interface states or diagrams step by step
• Rotating objects or advancing photo sequences with scrolling

粘着ピストン（Sticky Piston）の特性、配置方法、および操作に関するガイドラインです。

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

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.

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

• Sketching an initial portal or dashboard layout
• Presenting layout options with labeled sketch tabs
• Adding review notes to an early screen concept

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.

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

• Building an editorial landing page for a brand
• Presenting a studio's services and selected work
• Previewing a page with placeholder images

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.

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

• Preparing a graduation project defense
• Explaining the process behind a wayfinding design
• Organizing project evidence and limitations

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

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.

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

• Prepare a brainstorming board with sticky notes
• Build a retrospective or meeting board
• Draw diagrams with shapes and connectors

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.

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

• Prepare a brainstorming board with sticky notes
• Build a retrospective or meeting board
• Draw diagrams with shapes and connectors

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.

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

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.

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

Sticky headers, bottom toolbars, floating action buttons and pinned table headers. Use when deciding what stays on screen while the user scrolls.

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

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).

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

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.

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

• Design a newsletter signup popup for a blog
• Plan a discount offer for visitors about to leave
• Review mobile popup layout and dismissal

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.

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

• Fade cards in as they enter the screen
• Create parallax effects for images and text
• Build pinned sections with sequential animations

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 a product landing page with scroll-driven effects
• Add layered depth and animated text to an existing site
• Inspect image transparency and plan asset placement

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.

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

• Building chat and live-update features
• Managing rooms and online user status
• Handling reconnection and queued messages

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 a story with charts that change as readers scroll
• Create a timeline combining maps and video
• Compare scrolling narratives with step-by-step displays