UI design validation. Compares a rendered screen against its reference by pixel diff, then reviews the result for spacing, hierarchy and design-system consistency.
Plugin designer from marketplace magus in MadAppGang/magus. Commands read from the repo's manifest — today.
browser-use-integrationDetects the browser-use@magus plugin and captures screenshots of URL-based references. Use when designer agents need browser screenshot capture and claude-in-chrome is unavailable.
compareProvides the compare.ts CLI invocation pattern, semantic comparison prompt template, severity thresholds, and model selection guide for UI design comparison.
design-referencesProvides design system references — Material 3, Apple HIG, Tailwind UI, Ant Design, Shadcn/ui. Use when reviewing UI against an established design system.
review-servicesJudges a screen with an external vision model resolved live via claudish, and detects the project's review services (axe, Lighthouse, Percy, Chromatic, Applitools). Use when judging a design or a screenshot.
ui-analyseReviews a UI screenshot — usability, WCAG, design-system consistency, design-vs-implementation diff. Prompting patterns, depth tiers and severity guidelines. Analysis only; pair with dev:frontend-implement to apply.
ui-style-formatSpecifies the UI design style file format and schema for .claude/design-style.md and .claude/design-references/. Use when creating, validating, or parsing project design styles.
/designer:create-styleInteractive wizard to create and update project design style guides. Supports reference image capture, style updates, and visual reference management. Actions: create, update, capture, add-reference, remove-reference, list-references
/designer:reviewJudge an implementation against its reference design — pixel diff, external vision model, and the project's review services. Give one image for a single-screen usability and accessibility audit.
/designer:uiCreate a UI design from a brief — artboards per screen and state, tokens, component list — then optionally implement it and judge the result against the design
reviewJudges an implementation against its reference design: a local pixel diff, then a semantic comparison by an external vision model resolved live through claudish, then any review service the project already has. Both sources must be IMAGE FILES on disk, named as REFERENCE_SOURCE and IMPL_SOURCE; give
uiCreates a UI design from a brief: one HTML/CSS artboard per screen or component state under a caller-named output directory, a tokens summary, and a list of the library components it reused, all against the project's style guide. Hand over BRIEF, OUTPUT_DIR, and STYLE_FILE when it is not the default
Universal development assistant. Detects the project stack and routes work to specialist agents for architecture, implementation, debugging, review and research, enforcing design-system guardrails on every UI change.
19 skills · 17 commands · 12 agents · hooks
Bun and TypeScript toolkit. A `/bunjs:bun` index routes any task to the right one of eight task-shaped skills — setup, HTTP, errors, testing, security, production, performance, TUI — each shipping copyable code verified against Bun. Only Bun is tested.
9 skills · 9 commands
Slot-addressed terminal control over tmux or herdr. Runs interactive commands, dev servers, test watchers, REPLs and TUI apps in numbered helper panes — beside the user or isolated from view — that the server places and owns, so an agent never holds a pane id or targets the user's own session.
5 skills · 9 commands · 1 agent · 1 MCP server · hooks
Read-only code search and investigation behind one stable tool surface. Finds code by meaning or structure, traces callers, callees and blast radius, and dispatches an analyze agent for deep dives. The search engine is named in project settings and is swappable.
4 skills · 3 commands · 1 agent · 1 MCP server · hooks
Full-platform browser automation through its own MCP server: navigation, clicks and typing, live-page JS eval, keyboard and focus, file screenshots, session export and a configurable agent LLM, on local or cloud browsers. Runs Playwright's own Chromium, never your real Chrome. Ships 6 skills.
6 skills · 1 MCP server · hooks
Project setup jobs in one plugin. Investigates a repository and provisions it — plugins, tools, framework best-practice references, and a seeded knowledge base — then installs the adaptive statusline and indexes every skill reachable from the project into browsable markdown.
2 skills · 4 commands · hooks
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
15 skills · hooks
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
1 skill
Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.
1 skill · 7 commands
Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.
1 MCP server
Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.
5 commands
Automates browser interactions for web testing, form filling, screenshots, and data extraction
12 skills
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.