Agent skills for Claude Desktop

Enforces professional visual design standards — typography, color systems, layout hierarchy, components, and animations — on every UI task.

Use when documenting anything visually and didactically — explaining a system, a flow, a protocol, or code so a reader learns it.

Use this skill to audit or define a constrained visual system for a website, interface, landing page, portfolio, or design system.

HTML explainers, diagrams, architecture, timelines, source maps, slide decks, comparison tables, recaps, plan and diff reviews.

A visual & functional crawler operation utilizing Chrome DevTools Protocol (CDP) or Playwright/Puppeteer to audit prototype UI/UX and…

Audits UI layouts, slides, and dashboards to identify visual hierarchy flaws, inconsistent spacing rhythm, and misaligned emphasis signals.

Pixel-perfect visual testing with auto-fix loop.

Comprehensive visual reasoning engine. Transforms abstract creative intent into structured visual specifications for image generation and…

Use after frontend, UI, UX, visual polish, responsive layout, design-to-code, dashboard, website, app-screen, or TUI changes when the…

MUST USE after building/changing any UI or when asked whether a page, component, or TUI looks right.

Turn a PR, branch, commit, or git diff into an interactive visual recap with diagrams, file maps, API/schema summaries, annotated diffs…

AI-powered visual regression testing skill for e-commerce websites.

Review visual work against approved art direction, hierarchy, composition, readability, consistency, production constraints, and intended…

This skill should be used when the user asks about "colors", "hex codes", "path colors", "tile background", "rendering order", "sorting…

Create or revise deterministic editorial visual-poetry posters in which exact crops from one source photograph become inline semantic…

Screenshot comparison QA for frontend development.

Structured visual QA verdict for screenshot-to-reference comparisons.

Verify UI changes through screenshot analysis and evidence-based validation.

Helps PostHog engineers and agents pick the right chart when a request is about visualizing change over time, before/after comparisons, or…

Automate Anchor Browser tasks via Rube MCP (Composio).

Automate Ayrshare tasks via Rube MCP (Composio).