marcusrbrown.github.io

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.

Browser automation CLI for AI agents. Use when you need to interact with the mrbro.dev site — navigating pages, checking for errors, capturing screenshots, verifying WCAG compliance, filling forms, clicking buttons, or testing any browser-based behavior. Triggers include "open the site", "take a screenshot", "check for errors", "verify accessibility", "test the deployed page", "scrape content", or any task requiring browser interaction with https://mrbro.dev or a local preview server.

Playwright MCP server for AI-driven browser automation. Use when agents need semantic, accessibility-tree-based browser interaction for mrbro.dev — navigating pages, running accessibility audits, verifying WCAG compliance, checking for visual regressions, testing responsive behavior, or automating any browser task via natural language instructions. Prefer over agent-browser when you need rich structured output from the accessibility tree rather than CLI snapshots.