Plugins

1 plugin

Visual Critique

Visual critique skills: hierarchy analysis, brand consistency checks against mood/voice/tokens, composition evaluation, and typography audits — with a /critique-screen command that compiles a prioritised fix list.

7 skills · plugin

Results for “visual-analysis”

20 skills

critique-visual-hierarchy

Analyze a screen's visual hierarchy by evaluating entry point, eye flow, weight distribution, and emphasis, then provide actionable fixes.

baoyu-infographic

Creates publication-ready infographics by combining 21 layout types with 20 visual styles, analyzing content, and recommending optimal combinations.

miro-design-analysis

Documents Miro's brand design system including colors, typography, layout, and component patterns for visual consistency.

50.9k · bundle

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.

mongodb-design-analysis

Documents MongoDB's visual design system including colors, typography, layout, elevation, and shapes for UI implementation.

50.9k · bundle

More results

design-review-rules

Trigger: design review, visual audit, layout inspection, QA checks, screenshot analysis. Scope: Performing design system compliance audits and interface QA. Boundary: Excludes functional unit testing or database indexing.

Transform audit data, performance reports, and structured analyses into polished visual deliverables. Generates presentation decks (PPTX), interactive HTML dashboards, or styled markdown reports with charts. Includes a customizable design system with forest green accent and warm cream backgrounds. Use when the user has analysis data and needs a visual deliverable.

coinbase-design-analysis

Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.

50.9k · bundle

srednoff888-art

visual-qa-agent

Agent profile for inspect screenshots, viewports, layout overlaps, visual regressions, spacing, typography, and interaction states. Use when Codex needs a specialist agent perspective for planning, implementation, review, debugging, validation, or handoff in this domain.

data-visualization

Design clear, accessible data visualizations with appropriate chart selection and styling.

Opens a browser-based whiteboard for sketching ideas with sticky notes, then reads the visual snapshot and clipboard data to provide conversational analysis and suggestions.

36.2k · bundle

data-visualization

Create clear, effective data visualizations with chart selection, color theory, and annotation best practices using the inference.sh CLI.

critique-composition

Analyze the spatial and structural qualities of a screen design, evaluating balance, whitespace, rhythm, and gestalt principles to identify compositional weaknesses and propose specific fixes.

expo-design-analysis

Documents the visual design system of Expo's marketing site, including color palette, typography, layout, and component styles for consistent brand implementation.

50.9k · bundle

bugatti-design-analysis

Documents the Bugatti brand design system: a black-and-white interface with custom typefaces, no accent color, and full-bleed photography as the only visual element.

50.9k · bundle

conference-materials-bilingual

Use when building slides, a poster, or a lightning talk from a manuscript, when a presentation must exist in Turkish and English, or when conference visuals need a traceability check so every number on a slide matches the analysis behind it.

voltagent-inspired-design-analysis

Analyze and recreate the visual design language of Voltagent, a developer-focused AI agent engineering platform, including its dark canvas, electric-green accent, typography system, and layout patterns.

50.9k · bundle

mistral-ai-design-analysis

Documents Mistral AI's visual design system including sunset gradient color palette, typography pairing of PP Editorial Old with Inter, spacing tokens, and layout patterns across six page types.

50.9k · bundle

linear-design-analysis

Documents Linear's dark-canvas marketing design system with near-black backgrounds, lavender-blue accent, four-step surface hierarchy, aggressive negative tracking on display type, and product UI screenshots as the primary visual rhythm.

50.9k · bundle