AI Agent Skills

Build polished Chrome extension UIs (popup/sidepanel/options). Analyze existing UI, suggest improvements, set up design systems, enforce a11y and UX best practices.

Generate unit and UI tests for specified code with edge cases and mocks. Triggers: "generate tests", "write tests", "add tests", "test coverage".

Create a UI component. Triggers "create component", "new component", "add component", or naming a component to build (Button, Header, Card).

Diagnose and remove generic AI-generated visual and copy patterns from an existing interface through screenshot-led iteration. Use when the user asks to de-slop, make a…

Generate isolated UI components with all 8 states and variants — button systems, forms, cards, modals, nav. Design System-aware when a token set is confirmed. Load skill…

Guides the agent through connecting an MCP client to the hosted, unofficial Capacitor MCP server by Capawesome, which serves the official Capacitor documentation for v8,…

Run the machine-verifiable gate (typecheck, test, lint, plus a screenshot for UI) so a diff is review-ready. Triggers "proof of work", "is this review-ready", "prove it…

Collect structured visual feedback from humans using AnyCap's annotation tool, or create and iterate on diagrams using the interactive whiteboard (Excalidraw). Covers im…

Use when building Roblox menus, HUDs, shops, notifications, dialogs, or responsive cross-platform UI.

Find important users, contexts, constraints, dependencies, consequences, and conditions that a design discussion has not considered at all. Use when a designer asks "wha…

Review and improve product UX content including labels, instructions, errors, empty states, confirmations, terminology, and content timing. Use when a designer asks whet…

Automates macOS Messages (iMessage/SMS) via JXA with reliable service→buddy resolution. Use when asked to "automate iMessage", "send Messages via script", "JXA Messages…

Design Director with a craftsman's eye. Designs interfaces that feel inevitable, human, and timeless through first-principles craft: optical precision, typographic hiera…

Visual Asset Generator. Produces production-ready images to a brief (hero imagery, illustration, textures, marketing visuals, character sheets) using disciplined, model-…

Frontend Engineer Specialist ("The Glassmith"). Implements pixel-perfect, performant, and accessible UI with strict component architecture, shadow state coverage, and Co…

Determines which PRD, ADR, UI Spec, Design Doc, and Work Plan a change requires and where each document lives. Use when deciding documentation scope or creating or revie…