'interactions' 검색 결과

Build custom interactive charts, maps, and network diagrams with d3.js. The skill guides data preparation, styling, resizing, and interactions such as zooming and tooltips, giving detailed control over how data appears and responds to users.

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

• Creating charts beyond standard library options
• Exploring relationships in a network diagram
• Adding zoom and tooltips to visualizations

Create Mermaid diagrams from text to explain software structure, API interactions, workflows, and database relationships. The skill guides diagram selection, syntax, styling, and export, helping keep visual documentation editable and stored alongside code.

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

• Explaining system architecture with diagrams
• Mapping API requests and responses
• Documenting database table relationships

Integrate the Gemini API on Agent Platform using the Google Gen AI SDK. Guidance covers authentication, text and multimedia tasks, structured JSON responses, live voice interactions, context caching, and batch prediction across five programming languages.

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

• Adding document and multimedia understanding to an application
• Generating JSON that matches a defined schema
• Building live voice and video interactions

Test Qwen Code through realistic keyboard interactions in tmux, a terminal session tool. Capture readable screen snapshots at each step and produce a report documenting dialogs, commands, outcomes, and observed side effects.

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

• Testing authentication dialogs and keyboard navigation
• Checking slash command interactions
• Reviewing intermediate screens for regressions

Test Qwen Code CLI behavior from model requests through tool execution. Reproduce bugs, check terminal interactions and MCP tool connections, and inspect API logs using real models or mock servers for controlled scenarios.

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

• Reproduce reported CLI bugs and verify fixes
• Test MCP tool connections through the CLI
• Check terminal rendering and keyboard interactions

Automate terminal interactions and capture screenshots before and after commands run. Define scenarios in TypeScript to review CLI appearance, document command flows, or record changing output such as progress bars, with optional animated GIFs.

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

• Review CLI appearance changes in a pull request
• Capture slash command interactions
• Create screenshots for usage documentation

Implement and review interfaces that support both right-to-left and left-to-right reading. Apply guidance for CSS layout, mixed-direction text, menus, scrolling, resizing, and Electron title bars, then verify interactions in both directions.

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

• Reviewing CSS layouts for right-to-left support
• Displaying mixed-direction text, code, and paths
• Checking menus, scrolling, and resize interactions

Test the pages affected by a branch or pull request in a browser. The skill checks rendered pages and key interactions, then reports passes, failures, skipped checks with reasons, and steps to reproduce problems.

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

• Checking pages affected by a pull request
• Testing key interactions after a branch change
• Recording failures and reproduction steps

Build Gemini API integrations on Google Cloud’s Agent Platform using the Google Gen AI SDK. Get guidance on authentication, text and media processing, structured JSON responses, function calls, caching, batch processing, and real-time voice or video interactions.

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

• Adding Gemini to enterprise applications
• Processing images, audio, and documents
• Generating JSON in a specified format

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.

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

• Adding a messaging platform adapter to LangBot
• Migrating an existing adapter to the EBA layout
• Testing event and message conversion in both directions

Create screen mockups at three levels: text wireframes, standalone HTML files, or working prototype pages. Use requirements, existing app styles, and real project data to show layouts and interactions for review or testing.

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

• Sketch screen layouts while writing requirements
• Deliver HTML mockups alongside requirements
• Test interactions with existing components

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.

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

• Choose test coverage for a chart component
• Set up stable screenshot comparisons for a dashboard
• Verify mobile interactions and degraded network states

Choose, create, and review software diagrams that explain structure, interactions, workflows, states, or data relationships. Select suitable notation and rendering tools, then plan static exports or interactive views with readable layouts, accessible controls, and validation.

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

• Explain login interactions with a sequence diagram
• Turn a database schema into an entity relationship diagram
• Document application architecture with C4

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.

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

• Deciding whether regional comparisons need a map
• Designing regional maps with meaningful color scales
• Planning overlapping markers and zoom behavior

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.

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

• Creating SVG charts with direct labels and annotations
• Adding zoom and range selection to scatterplots
• Plotting data over a soccer pitch or floor plan

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.

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

• Design an operations dashboard using a WebSocket feed
• Improve charts receiving frequent data updates
• Plan linked chart selections and filters

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.

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

• Creating a website or application interface in Design
• Editing text or selected components
• Changing a theme while preserving content and layout

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.

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

• Checking redirects after login
• Testing form submissions
• Comparing layouts across desktop, tablet, and mobile sizes

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.

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

• Create a product story set in a continuous 3D world
• Build an interactive portfolio with a scrolling camera journey
• Present an exhibition through connected spatial chapters

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.

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

• Coordinating motion across a portfolio website
• Revealing text and images during scrolling
• Building pinned storytelling sections

Turn HTML files or live reference pages into articles with reusable prompts for recreating animations and interactions. Includes source inspection, screenshots, optional video capture, and checks that article text and media render correctly.

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

• Extracting reusable interaction prompts from HTML
• Writing screenshot-backed articles about web animations
• Recording live page motion and collecting reference frames

Analyze a reference video's layout, typography, motion, and interactions to create a detailed prompt for rebuilding or adapting the experience. Include asset requirements, implementation choices, mobile behavior, and alternatives for users who prefer reduced motion.

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

• Turn a reference video into a detailed build prompt
• Describe scroll effects and transitions precisely
• Plan image and video assets for a recreation

Write Jest unit tests for component behavior and user interactions. Includes reusable test data builders, mock replacements for dependencies, and test-driven development, where a failing test guides implementation before the code is cleaned up.

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

• Testing component rendering and form interactions
• Creating reusable test data with selective overrides
• Replacing modules and GraphQL hooks in tests

Review an interface and add purposeful motion to buttons, forms, navigation, and state changes. Plan and implement animations that clarify actions and provide feedback, while checking performance and supporting users who prefer reduced motion.

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

• Adding visual feedback to buttons and forms
• Smoothing menu, modal, and tab transitions
• Planning page entrances and scroll reveals