Use during brainstorm only when the problem is strongly visual (complex UI, flow mapping, alternatives) and create optional browser/canvas artifacts.
Publish substantial implementation, investigation, review, or design reports on a local structured HTML page.
Improve hierarchy, scannability, visual emphasis, readability, grouping, density, attention, trust, and perceptual clarity.
Knowledge skill for artifact layout, composition, visual rhythm, and typography-as-art. Covers grid-breaking layouts, spatial arrangement, density control, visual tension, and the…
Use when validating design system token compliance, detecting visual regressions, or analyzing responsive design consistency across breakpoints and modes
AI image and video generation. Use when: creating artwork, images, illustrations, animations, videos, visual assets, AI art generation, style guidance, choosing image or video…
Create visually stunning presentations and design artifacts by combining design philosophy with disciplined execution.
Use when designing or coding a new interface that needs a distinctive aesthetic direction, when reviewing visuals for hierarchy/brand alignment, or when an existing UI feels…
Designer-ready visual brief expertise — layout, palette, type, mood, and motion notes for handoff to Claude Design or a designer
Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs.
Set typography, color, spacing, brand expression. Activate with DesignBrief in hand.
Compare a baseline URL against a dev or Storybook URL by taking Playwright screenshots at multiple breakpoints, running a pixel-level image diff, and reporting results to guide…
Проводит surgical visual QA для Figma, screenshots и reference images. Используй для: pixel-perfect, сравни с Figma, сравни с фото, diff, deviation report.
Multi-dimensional visual scoring using pixel-diff and structural analysis for design-to-implementation comparison
Discover visual direction from fuzzy intent before /visual-brainstorm: taste profile, culture analysis, direction cards, and sketch prompts.
Use when making UI/frontend changes guided by visual context, when the user selects elements visually, draws annotations, or provides screenshots alongside change requests.
The most important actions and content in a UI should be visually prominent — through size, colour, weight, and position.
Extend and apply the Visual Experience Engine across landing pages, inspiration galleries, and demos using safe, persona-aware animations and layouts.
Brand identity development: color palette construction (primary/secondary/semantic/neutral), logo concept brief writing, typeface pairings, brand voice definition, mood board…
Writes a comprehensive visual identity prompt for a show, channel, or publication — a master brief that defines the complete visual language and can be used to art-direct any…
Skill này áp buộc việc sử dụng hệ thống Icon chuyên nghiệp (Tailwind-compatible) thay vì sử dụng Emoji trong logs hoặc giao diện.
Integrate your app with iOS Visual Intelligence for camera-based search and object recognition. Use when adding visual search capabilities.
Visual language rules for Engram surfaces. Trigger: Any dashboard styling, typography, spacing, or visual identity change.
Use when after database search algorithms have scored unknown MS samples against reference species, and you need to visually inspect and confirm species assignments or identify…
论文 PDF 视觉排版审稿。把已编译的 PDF 逐页渲染成图片，做确定性几何检查（空白页、页边距溢出、图超宽、页底孤立标题、Overfull/Float too large 等），再用用户可选的视觉后端（Codex 自身视觉/OAuth 登录、GitHub Copilot、OpenCode Go、任意 OpenAI 兼容接口如 New…
How human vision processes visual information. Reference when making decisions about attention flow, readability, visual weight, motion sensitivity, or why a design feels wrong…
Guidelines for using Mermaid diagrams to increase comprehension of complex processes. Apply when planning non-trivial work involving multiple components, interactions, data…
Iris's UI visual polish review skill. Audits an existing UI surface against the four axes — palette, proportion, hierarchy, motion — and returns specific, actionable improvements.
Complete visual QA - screenshots with full-page scroll to trigger animations, then analyze with Claude. Run after CSS/template changes.
Conducts open-ended Q&A on image content based on computer vision and large language models, supporting any questions to receive natural language responses.
Equips the AI agent with visual QA capabilities using Playwright/Puppeteer and the agent's innate Vision capabilities to self-correct UI layout, CSS alignment, and visual…
Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ralph with $visual-verdict and pixel-diff evidence until the…
Use Agent-Native Plans to turn a code change, PR diff, or git diff into a visual recap plan for high-altitude review — schema, API, file, and before/after changes as grounded…
Turn a screenshot, generated design reference, or visual brief into a polished responsive interface through measurable visual analysis, implementation, and screenshot comparison.
Visual regression guard using before/after screenshot comparison. Two modes: SIT (compare staging vs local dev) or Local (compare git-stashed base vs current changes).
Take screenshots of web pages and UI using Playwright for visual review and iteration
Visual QA — screenshot comparison before/after, UI consistency check, design system compliance scoring
Use when a proposal.md with status ready already exists and you need to derive a resolved design.md with technical decisions (provider, prompt, thresholds, cost budget) plus…
Use when when you have cloned a multi-framework .NET project (e.g., MsdialWorkbench
Build a persistent visual brand identity for image generation. Defines how the brand looks visually — aesthetic, lighting, composition, mood — and writes it to…
Generate user stories from UI design visuals (Figma frames, PDF screens, or images) that describe the functional intent behind the visual design, expressed in terms of personas,…
Vérifier visuellement les pages web avant de valider un changement. Utiliser Chromium, un cache-bust, et un serveur local si GitHub Pages n’est pas immédiatement fiable.
Chart catalog organized by communication goal, CSAR evaluation loop for AI-generated charts, 5-visual rule, override decision framework, and living gallery references
Use whenever generating, adding, or iterating on images or videos via the visualgen-mcp server (submit_video, check_video, generate_image, list_images, list_videos, get_pricing).
原子構造とトラジェクトリの可視化を扱うスキルです。 show_gui, pfcc_extras, nglview, show_ase, show_asetraj, view_ngl, ase.visualize.view, POV-Ray, 可視化, visualization, 構造確認, 目視チェック, trajectory 表示…
Visualization Best Practices - Auto-activating skill for Data Analytics. Triggers on: visualization best practices, visualization best practices Part of the Data Analytics skill…
Use when you have execution-time data for the same set of plotting operations (e.g., chromatogram, spectrum, peakmap rendering) across two or more backend implementations (e.
Chart selection and data visualization guidance for effective data communication. Use when: creating visualizations, choosing chart types, designing dashboards, or when user…
Generate an interactive codebase visualization with tree and treemap views, git hotspot analysis, and line counts.
Turn a supplied floor plan or dimensioned spatial brief into one readable plan or spatial visualization without changing topology.
Automatically find the latest portfolio CSVs, process them, and display visualizations in web browser. Use when you want a complete portfolio analysis with one command.
Aggiorna e apre il dashboard locale delle procedure aziendali, con stato sistema, filtri, dettagli e diagrammi.
Nationales Visum D: Fachmodul im Migrationsrecht: prüft Botschaft, Unterlagen, Zweck, Finanzierung, Remonstrations-/Klageweg; mit deutschem Recht, EU/EMRK/GFK, Belegen, Fristen…
Optimize CV and resume content for recruiter readability and parser-safe ATS handling without making unsupported claims about exact vendor scoring.
Build, deepen, validate, index, and maintain a private hierarchical career knowledge graph from supplied career materials.
Maintainer-only skill for refreshing VitaeContext wiki knowledge from official sources. Use only from a local repository clone when a maintainer asks to refresh one module, audit…
Import or map Vital synth presets/banks into Elixir. Use when touching .vital/.vitalbank files, Downloads Vital assets, B5 preset format, wavetable import, or Vital compatibility.
Fix Core Web Vitals issues with AI guidance. Use when your Lighthouse scores need improvement.
VitaVault iOS app integration - sync Apple Health data directly to your AI agent. Auto-setup webhook, token generation, and HTTPS exposure. Works with any iPhone, no Mac required.
Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins, working with dev server, or building for production.