3.6천건 · 관련도순
Use when asked to audit UI for visual quality, check design consistency, review brand alignment, evaluate design system compliance, or find visual issues before a launch. Examples: "audit our UI", "check visual consistency", "review the design for issues", "is our UI on-brand", "find visual bugs", "design QA before launch".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create R-based pictogram glyphs for skill, agent, or team icons in the visualization layer. Covers concept sketching, ggplot2 layer composition using the primitives library, color strategy, registration in the appropriate glyph mapping file and manifest, rendering via the build pipeline, and visual verification of the neon-glow output. Use when a new entity has been added and needs a visual icon for the force-graph visualization, an existing glyph needs replacement, or when batch-creating glyphs for a new domain.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
On-brand visual marketing content using Paper MCP and parallel agent teams. Reads the project's brand/ directory to build a design system, then spawns designer agents in parallel — each creating a unique artboard with a different on-brand layout interpretation. Intelligently adapts agent count and approach based on user goals via AskUserQuestion interrogation. Produces Instagram carousels, TikTok slideshows, social posts, story slides, and visual assets. When used with content spec YAMLs from /slideshow-script, each agent gets a unique script AND unique design direction. Make sure to use this skill whenever the user wants visual marketing content designed in Paper — carousels, slideshows, social posts, story slides, or any visual asset. Even if they just say "design something" or "make slides" or "create visual content", this is the skill. Also triggers on "paper marketing", "instagram design", "TikTok design", "slideshow design", "create carousel", or "social graphics".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Generate an interactive HTML brand playground that shows your brand rendered live — palette, typography, logo, voice — with a social card and OG image preview that updates as you tweak tokens. Opens in browser. The visual approval step for the /cmo flow: /visual-style writes the brand, this skill shows it. Use when the user says "show me my brand", "brand playground", "preview my brand", "what does our brand look like", "visual preview", "brand kit", "see my colors", "how does my brand look", or after /visual-style completes and the user needs to approve the visual identity before moving to content generation. Also use when someone says "I want to see it" during any brand-building conversation.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Premium UI/UX design audit and refinement skill. Conducts systematic visual audits of existing apps and produces phased, implementation-ready design plans. Use this skill whenever the user asks to audit a UI, improve an app's visual design, make an interface feel more polished or premium, review design consistency, fix visual hierarchy, or refine spacing/typography/color. Also trigger when the user says "design review", "make it look better", "UI polish", "visual refinement", "design pass", "audit the design", or references making an app feel more professional. This skill is purely visual — it does not touch functionality, logic, or features. It elevates what exists.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create visual designs, graphics, and layouts using HTML Canvas API or design tools for data visualization, graphics, animations, and interactive visual content. Use when creating data visualizations, building interactive graphics, implementing drawing tools, creating charts and diagrams, building game graphics, implementing image manipulation, or creating dynamic visual content.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Verify every visual-evidence artifact (screenshot/GIF/recording) attached to a PR carries a provenance manifest binding it to real daemon-backed truth — daemon port, run id, transcript head hash, agent node id, commit, and an honest real/fixture/mock source label — and that operator-control-panel PRs cover the required set of proof states. Use when gating a PR's proof artifacts before merge, auditing whether a "LIVE" visual claim is backed by a real daemon run versus a reused or fixture-backed mock, or defining the required state-coverage set for a control-panel change. NOT for the capture technique itself — headless Playwright, `screencapture -x -l`, non-interruptive capture (use port-daddy-agent-skill's visual-evidence doctrine), designing the receipt body schema an artifact attaches to (use agent-work-receipt-designer), or the broader dogfood/Potemkin product-quality bar (use multi-agent-authoring-product-bar).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
기존 코드에서 색상·글꼴·여백 등의 공통 규칙을 추출하고 디자인 명세와 미리보기를 만듭니다. 화면의 일관성을 열 가지 항목으로 평가하고 수정할 위치도 제시합니다.
제작 전 계획 단계에서 기존 디자인 규칙, 브랜드 자료와 요청 내용을 바탕으로 시각적 방향을 하나 정하고 색상과 글꼴 등의 구현 방침을 정리합니다.
WebGL로 셰이더, 3D 장면, 입자 움직임을 전체 화면에 그리고 제목을 겹쳐 표시합니다. 외부 통신 없이 하나의 HTML 파일로 완성합니다.
브랜드 로고, 색상, 글꼴과 사용 규칙을 소개하는 HTML 슬라이드를 만듭니다. 크림색 배경과 다채로운 강조색을 유지하며 고객이나 팀의 검토 자료로 정리합니다.
참고 이미지와 막연한 취향을 색상·글꼴·배치 등 구체적인 디자인 방향으로 정리합니다. 재사용할 DESIGN.md와 제작 담당자를 위한 인계 자료를 만듭니다.
구현된 UI와 디자인 요구 사항의 시각적 차이를 줄이도록 평가와 조정, 마무리를 반복하는 작업을 안내합니다. 별도로 설치하는 원본 작업 흐름을 찾는 입구로 사용합니다.
D3.js로 데이터를 탐색하며 읽을 수 있는 대화형 차트와 도표를 만듭니다. 다양한 예제를 바탕으로 보고서, 대시보드, 데이터 기반 시제품에 활용합니다.
로고, 색상, 글꼴, 화면과 인쇄물의 적용 예시를 한 장의 이미지로 만듭니다. 브랜드의 목적과 대상에 맞춰 일관된 디자인 방향을 시각화합니다.
Create HTML visuals that appear directly inside an Orca chat reply. Use charts, diagrams, tables, reports, or mockups to explain an answer visually, with styles, scripts, and data included in each page.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Create PowerPoint presentations by planning the content and visual style, generating each slide as an AI image, and assembling a PPTX file. Each new slide references the previous image to keep the presentation visually consistent.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Turn data into chart images by selecting a suitable format from 26 options. Visualize trends, comparisons, distributions, flows, or relationships, then receive the image URL and the complete settings used to generate it.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Builds and improves web interfaces, covering layout, styling, motion, and usability. It records design rules before implementation, uses supplied references or design research, and checks the result in real browsers for visual consistency, accessibility, and performance.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Turn a math or science video idea into a detailed scene plan. Research the topic, clarify the audience, and outline visuals, narration, transitions, and implementation notes for Manim, an animation tool.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Review visual design choices before creating or styling web pages, components, apps, dashboards, or interactive reports. It flags repetitive colors, typography, layouts, and motion patterns to avoid, while keeping explicit user requests and other specified styles in control.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Find reusable visual effects, charts, titles, and other video elements, then install and integrate them into HyperFrames compositions. It explains how to place standalone scenes on a timeline and merge smaller effect snippets into existing HTML.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.