'visual' 검색 결과

Create a reusable design guide covering colors, typography, layout, and motion. Extract styles from existing sources or start from scratch, then turn the guide into instructions or code for supported video, slide, and design tools.

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

• Creating a design guide from a desired mood
• Extracting visual rules from a website or brand PDF
• Applying one style to videos, slides, and designs

Power BI custom visual (.pbiviz) development with the pbiviz toolchain and its MCP server. Automatically invoke when the user mentions "custom visual", "pbiviz", "develop a Power BI visual", "powerbi-visuals-tools", "IVisual", "capabilities.json", "visual formatting model", "visual certification", "publish a visual to AppSource", or asks to scaffold, build, debug, package, certify, or publish a .pbiviz developer visual.

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

Find the relevant guidance for writing Remotion animations that agents can understand and that remain editable in Studio’s Visual Mode. It points to resources for scene structure, editable styles and animations, and interactive custom components.

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

• Find guidance for animations editable in Visual Mode
• Look up scene structure and editable styles
• Find instructions for making custom components interactive

Choose charts and diagrams that fit the data and the question readers need to answer. Plan layouts and interactions for large screens and mobile devices, or critique existing visuals for misleading comparisons, unclear labels, and hidden information.

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

• Choose a chart for a specific analytical question
• Review an existing chart for misleading presentation
• Plan dashboard layouts for desktop and mobile

Generate music video and beat-synced visual content prompts for Seedance 2.0 on Higgsfield. Use whenever the user wants to create a music video, lyric video, beat-synced visuals, performance video, concert visual, album art animation, or music-driven visual content. Triggers on: music video, lyric video, beat sync, music visualization, performance video, concert visual, album visual, song video, music clip, beat drop visual, rhythm sync, or any music-driven video request. Use even for "make visuals for my song" or "video for this track.

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

Use when a plan directory (plan.md + phase-*.md) needs a visual review. By DEFAULT this drives the STRUCTURED visual-plan artifact (visual-plan/plan.json) via the mewkit visual-plan CLI — generate if absent, validate, open the local studio (view/edit), and export plan.html from the approved artifact. Pass --static for the legacy prompt-only single-file plan.html template render. Triggers on "render this plan", "visualize the plan", "open the plan studio", "make a shareable plan page", "plan.html". This is the canonical owner of plan-as-visual-review. NOT for plan critique or scope review (see mk:plan-ceo-review / mk:validate-plan), NOT for generic code/diagram/diff visuals (see mk:preview), NOT for live media generation (see mk:multimodal).

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

Turn implementation plans, pull request changes, and technical concepts into HTML visual explanations with Plannotator styling. Present diagrams, mockups, and review priorities through an annotation interface, with approval controls for plans and proposals.

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

• Presenting an implementation plan for approval
• Explaining code changes and review priorities
• Illustrating system architecture and data flow

[omh] Rendered UI needing a visual verdict: prepare observed-only rendered QA gates for web, frontend, image, document, and TUI surfaces. Use when the user says: visual-qa, visual qa, visual QA, visual quality assurance, visual check, web qa, web visual qa, screenshot qa.

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

Build a persistent visual brand identity for image generation. Defines how the brand looks visually — aesthetic, lighting, composition, mood — and writes it to brand/creative-kit.md so /image-gen and other creative skills produce consistent on-brand visuals. Three modes: Extract (from website/URL), Build (interview), Reference (mood board/examples). Use when starting any project that needs images, when the user says "visual style", "brand aesthetic", "image style", "visual identity", "how should our images look", "build visual brand", "define our look", or when /image-gen outputs feel generic because no visual style exists yet.

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

Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.

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

Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.

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

Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.

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

Build Handsontable demo pages for visual regression tests, which compare screenshots for appearance changes. It guides feature routes, URL-driven display states, sample data, and decisions about testing the same feature across framework wrappers.

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

• Adding a demo route for a new feature
• Creating multiple visual states through URL parameters
• Planning visual coverage across framework wrappers

Turn systems, code changes, plans, and data into HTML explanations built around diagrams and visual comparisons. Add interactive or animated steps where useful, with slides, PPTX exports, and MP4 videos available on request.

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

• Explain system architecture and data flows visually
• Review code changes or implementation plans with diagrams
• Compare options and present data visually

Build charts and interactive diagrams in TypeScript with explicit data types and clear component boundaries. Guides library selection, data validation, interaction design, and shareable view settings to support maintainable visualization code.

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

• Choose a visualization library for a TypeScript app
• Refactor a D3 prototype into maintainable TypeScript
• Define data types for selections and tooltips

Comprehensive guide for visualizing ENCODE data including deeptools heatmaps, IGV screenshots, UCSC track hubs, and publication-quality plots. Use when users need to create visualizations of ChIP-seq signal, peak landscapes, genome browser views, or any visual representation of ENCODE data. Trigger on: heatmap, visualization, genome browser, track hub, IGV, deeptools, signal plot, peak visualization, profile plot, publication figure, bigWig visualization.

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

An infographic skill for AI agents — works inside Claude Code, Codex, Hermes, OpenClaw, Cursor, and any agent host that loads skills. Create professional infographics as self-contained HTML files with PNG exports. Use when the user asks to create, design, generate, build, or make an infographic, data visualization, visual explainer, chart poster, cheatsheet, or pocket guide. Trigger phrases include "make this visual", "turn this into a graphic", "visualize this data", "infographic for X", "cheatsheet for X", or when the user provides structured data (tokenomics allocations, ecosystem/partner lists, timelines, comparisons, step-by-step processes) AND asks for a visual output. Covers tokenomics, ecosystem overviews, game overviews, cheatsheets, airdrop guides, comparisons, and process flows. Do NOT trigger for plain text answers, markdown tables, bulleted summaries, questions asking for advice or explanations about a topic (even when the topic is tokenomics, ecosystem, vesting, etc.), inline chat diagrams, or data processing with no visual output requested. The signal is "asks for a visual", not "mentions a keyword".

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

Build a single HTML visualizer for particles, fractals, simulations, or data. It moves heavy calculations into a Web Worker, a background browser process, and draws on a canvas while targeting smooth 60fps rendering.

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

• Prototyping a particle or physics simulation
• Visualizing Mandelbrot or Julia fractals
• Building an audio or data visualizer

Develop visual effects with GLSL, a language for graphics programs called shaders. Apply ray marching, fluid simulation, particle systems, and rule-based generation to create hero visuals and still frames of motion.

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

• Creating hero visuals for a page
• Developing fluid simulation visuals
• Building particle effects

Build custom interactive charts, network diagrams, and maps with d3.js. Guides data-driven drawing, tooltips, zooming, animation, responsive sizing, and accessibility, with examples that work in plain JavaScript or frameworks such as React, Vue, and Svelte.

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

• Building charts with custom layouts and styling
• Creating network diagrams and geographic visualizations
• Adding tooltips, zooming, and animated transitions

Guide implementation and debugging of visual Sequence editing in Remotion Studio. It documents how sequence identifiers, node paths, and stack traces behave during hot reload, and suggests how to track expanded UI state.

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

• Debug Sequence identity during hot reload
• Review how expanded Sequence state is tracked
• Check node-path and stack-trace mappings

Establish consistent typography, colors, spacing, and icons for interface design. Define design tokens, reusable values for visual styles, and apply guidance on contrast, responsive text, and dark mode to improve readability and visual consistency.

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

• Define design tokens for a new project
• Create typography and spacing guidelines
• Review color contrast and visual consistency

Compare a UI screenshot with reference images and receive a structured JSON assessment. Get a score, pass or revision status, concrete visual differences, and suggested edits for layout, spacing, typography, colors, and visual hierarchy.

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

• Checking whether an implemented screen matches its reference
• Finding differences in spacing, typography, and colors
• Prioritizing edits from structured visual feedback

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