'visual' 검색 결과

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

Build a globe-like 3D visual in Three.js, a library for browser graphics. Combine a dense sphere of glowing particles with a thin orbital ring, then adjust color, density, tilt, and gentle motion.

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

• Adding a planetary particle visual to a website
• Creating a data-globe effect for an infrastructure service
• Matching orbital ring colors to a brand

Create, edit, and analyze spreadsheets with formulas, formatting, and visualizations. Preserve existing workbook conventions, keep calculations responsive to input changes, and use formula recalculation and error checks to verify the resulting files.

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

• Create a spreadsheet with formulas and formatting
• Update an existing workbook while preserving formulas
• Analyze and visualize Excel or CSV data

Give bland interfaces more visual character through typography, color, layout, spacing, and motion. Shape a clear focal point around the brand and audience while checking readability, accessibility, performance, and ease of use.

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

• Giving a bland page more visual character
• Creating a stronger focal point for key content
• Reworking typography and color to fit a brand

Improve interface layouts by reviewing spacing, alignment, content density, and visual hierarchy, the cues that show what matters most. Refine repetitive card grids and crowded sections into compositions with consistent spacing and responsive structure.

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

• Adjusting spacing in a crowded interface
• Making important content easier to spot
• Varying repetitive card-based layouts

Turn text or structured data into infographics with selected layouts and visual styles. The skill can refine image prompts and, across multiple generation rounds, review the images and rank the results for selection.

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

• Turn a written explanation into a visual summary
• Create an infographic from structured data
• Review and rank several generated infographic candidates

Create and edit visual AI agent workflows in CC Workflow Studio through conversation. Add or remove steps and connections, update individual nodes, and organize related steps into visual groups on the canvas.

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

• Creating a new AI agent workflow
• Adding or removing steps and connections
• Updating node names, settings, or positions

Convert text into Mermaid diagrams, which describe visual structures using code. Create process flows, comparisons, mind maps, and system interactions for presentations or documentation, with adjustable layouts and checks for common syntax mistakes.

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

• Turn sales procedures into a flowchart
• Compare two approaches visually
• Organize concepts in a mind map

Create original posters and static artwork by first defining a visual philosophy, then expressing it through color, shapes, spacing, and minimal text. Receive the artwork as PNG or PDF alongside a Markdown design statement.

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

• Create a poster with minimal text
• Express a theme through abstract artwork
• Develop several pages with a shared visual direction

Analyze relationships between people, objects, or papers as networks in Python. Use NetworkX to find shortest paths, identify important nodes and communities, visualize connections, exchange graph data, and generate sample networks for testing.

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

• Visualizing social relationships or paper citation networks
• Finding shortest paths through a network
• Identifying important nodes and closely connected groups

Create Excalidraw diagram files that explain workflows, architectures, and concepts through visual relationships. Technical diagrams include concrete code or data examples, while a rendering and review process checks readability, connections, spacing, and overall composition.

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

• Visualizing workflow steps and decision points
• Explaining system architecture with code and data examples
• Illustrating abstract concepts and relationships

Use a transaction hash, its identifying code, to retrieve records from TRES Finance. The skill draws asset movements and network fees, then explains the action, participants, amounts, and net result in plain English.

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

• Understand a transaction from its hash
• Visualize assets sent and received in a token swap
• Check network fees separately from other asset movements

Turn a text development plan into a visual document with diagrams, file maps, annotated code, and open questions. For interface work, add wireframes or an interactive prototype so reviewers can examine screens and behavior before implementation.

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

• Turn an existing text plan into a visual review document
• Compare interface states and user flows before coding
• Explain architecture and data flow with inline diagrams

Visualize training metrics, debug models with histograms, compare experiments, visualize model graphs, and profile performance with TensorBoard - Google's ML visualization toolkit

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

Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. Use when (1) building interactive data visualizations, (2) designing color palettes for charts, (3) choosing scales and visual encodings, (4) creating data pipelines from Census/SEC/Wikipedia APIs, (5) crafting narrative-driven data stories, (6) making perceptually accurate charts, or (7) implementing force-directed networks, timelines, or geographic maps.

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

Visualize ChIP-seq data using deepTools, Gviz, and ChIPseeker. Create heatmaps, profile plots, and genome browser tracks. Visualize signal around peaks, TSS, or custom regions. Use when visualizing ChIP-seq signal and peaks.

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

Designs and directs the visual assets that carry content — carousels, infographics, quote graphics, diagrams, and social imagery — including the generation prompts where they are AI-produced. Use this to turn a written piece into a visual format, design a carousel or infographic, create social graphics, or fix visuals that are not stopping the scroll.

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

Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification. Masters screenshot analysis, visual regression testing, and component validation. Use PROACTIVELY to verify UI modifications have achieved their intended goals through comprehensive visual analysis.

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

Adversarial visual-layout audit of a Quarto `.qmd` or Beamer `.tex` deck. Flags overflow, font inconsistency, box fatigue, spacing, and alignment issues. Use when user says "visual audit", "check the layout", "does this overflow?", "look for visual issues", "audit the slides", or after reworking a deck's appearance. Does NOT check writing or pedagogy — pair with `/proofread` or `/pedagogy-review`.

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

Create visual concepts, image-generation prompts, and optional AI-generated images for product hero images, marketing creatives, social posts, ads, ecommerce PDP visuals, and general visual design tasks. Use when the user asks for visual strategy, image prompt writing, product/marketing image direction, or direct text-to-image generation. In Codex environments use the built-in imagegen tool; elsewhere use the bundled script backed by the apiz CLI.

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

Break large features into independently verifiable, human-reviewable slices under a feature directory in specs/. Use for risky or multi-step feature work that needs upfront questioning, API seams, browser-playable checkpoints, HTML visualizations, screenshot gates, staged implementation plans, recursive fog-of-war reslicing, or proactive research into reference implementations/best practices before slicing. Pairs with your project's verification harness and screenshot gates (the browser checkpoints), [refactor-clean](../refactor-clean/SKILL.md) (review the materialized spec so the plan describes one-owner architecture, not the feature bolted on), [screenshot-critique](../../visual/screenshot-critique/SKILL.md) and [compare-screenshots](../../visual/compare-screenshots/SKILL.md) (the visual gates), and a code-review pass (audit each slice before it lands).

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

Creates DE-specific diagnostic and result visualizations using DESeq2/edgeR built-in functions and lightweight ggplot2 wrappers. Covers MA plot (with the shrunken-LFC compression effect), volcano (with the apeglm caveat that p-values are unchanged), PCA on VST/rlog (never raw counts), sample distance heatmaps, top-DE-gene heatmaps with the row-scaling trap, dispersion / BCV plot interpretation, p-value histogram diagnostics, plotCounts for individual genes, blind=TRUE vs FALSE rationale, and the n=3 visualization stake. Use when generating DE diagnostic plots, choosing VST vs rlog for visualization, troubleshooting suspicious plot patterns (shifted MA cloud, batch-dominated PCA, anti-conservative p-value histogram), or building a standard QC figure panel.

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

Build interactive HTML/web visualizations with plotly (Python/R), bokeh (Python), and gganimate/plotly frames for animation, with awareness of current Kaleido static-export model (post-orca-EOL), HTML file-size bloat, and the limits of interactive-only output for journal submission. Use when producing zoomable/hoverable plots for notebook EDA, supplementary HTML, dashboards, or animated time-course / iteration visualizations.

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

Design or evaluate a brand visual identity system covering logo, color, typography, imagery direction, iconography, and motion principles. Use this skill whenever the user wants to design a logo, build a visual identity, define brand colors, choose brand typography, develop iconography, plan brand imagery, or evaluate an existing identity for cohesion. Triggers on logo design, brand identity, visual identity, brand mark, wordmark, monogram, color palette, brand colors, brand typography, type system, iconography, brand imagery, motion design, brand system, identity system. Also triggers when the user has a brand direction approved and now needs the visual artifacts that express it.

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