web

Plugin web from marketplace alvis in alvis/.agents. Commands read from the repo's manifest — yesterday.

Skills (6)

• audit

  Audit a rendered web interface against the design standard with the bundled deterministic CLI, shared-browser evidence, responsive viewports, accessibility checks, and focused visual adjudication. Use for design QA, WCAG checks, visual review, or launch assessment. Route findings into canonical work

• css

  Scaffold or maintain a project's root stylesheet using the CSS-only light, dark, and system color-mode contract. Use for theme.css, globals.css, or app.css setup, migration from class-driven dark mode, semantic token wiring, or color-mode corrections. Detect conflicts, obtain migration approval, pre

• design

  Design, redesign, or refine web interfaces of any kind, from marketing, editorial, and documentation surfaces to dashboards, search, settings, editors, and component interactions. Write a proportionate brief, explore unresolved directions cheaply, choose deliberately, build a representative slice th

• imagine

  Generate or edit images through the bundled multi-provider CLI, or write structured prompts and analyze visual styles from references. Use for concept art, product shots, covers, UI assets, transparent or vector output, inpainting, background changes, batch variants, and prompt-only work. Keep image

• next

  Diagnose Next.js runtime behavior with next-browser and Chrome DevTools MCP: React components, routes, SSR errors, DOM/styles, performance, Lighthouse, network, device emulation, JavaScript debugging, storage, screenshots, and interactions. Use for evidence-backed browser diagnosis; route visual cre

• storybook

  Audit a Storybook instance for setup failures, accessibility violations, interaction errors, and visual regressions across meaningful story states. Use before release or when validating addons and focus behavior. Run the bundled lifecycle in order, preserve evidence, and report findings; do not edit

MCP servers (1)

• chrome-devtools

  runs: npx -y chrome-devtools-mcp@latest --no-usage-statistics --isolated

Hooks (8)

• SessionStart

  [ -n "${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}" ] || { echo "plugin root unset" >&2; exit 1; }; plugin_root="${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}"; plugin_r

• SessionStart

  [ -n "${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}" ] || { echo "plugin root unset" >&2; exit 1; }; plugin_root="${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}"; plugin_r

• SubagentStart

  [ -n "${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}" ] || { echo "plugin root unset" >&2; exit 1; }; plugin_root="${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}"; plugin_r

• UserPromptSubmit

  [ -n "${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}" ] || { echo "plugin root unset" >&2; exit 1; }; plugin_root="${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}"; plugin_r

• UserPromptSubmit

  [ -n "${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}" ] || { echo "plugin root unset" >&2; exit 1; }; plugin_root="${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}"; plugin_r

• PreToolUse

  [ -n "${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}" ] || { echo "plugin root unset" >&2; exit 1; }; plugin_root="${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}"; plugin_r

• PreToolUse

  [ -n "${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}" ] || { echo "plugin root unset" >&2; exit 1; }; plugin_root="${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}"; plugin_r

• PostToolUse

  [ -n "${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}" ] || { echo "plugin root unset" >&2; exit 1; }; plugin_root="${PLUGIN_ROOT:-${GROK_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT:-}}}"; plugin_r

Similar plugins