cc-jaspr-web

Jaspr Web automation + Flutter Web embed verification. Audits CoUI Web pages, drives dual Web↔Flutter live previews, and attaches to local Flutter Web debug builds via VM Service.

cc-jaspr-web#

Jaspr Web automation + Flutter Web embed verification. Audits CoUI Web pages, drives dual Web↔Flutter live previews, and attaches to local Flutter Web debug builds via VM Service.

Web/Jaspr layer of the cocode verification stack. Covers two distinct needs that the in-process MCPs (Marionette, mcp_toolkit) and the OS-level MCP (Maestro) cannot:

Jaspr-rendered DOM — Production-built Jaspr SSG/SSR pages such as coui.cocode.im/components/*. Pure HTML/CSS; no Flutter, no VM Service.
Flutter Web embeds — Flutter widgets lazy-loaded into a Jaspr page (e.g. coui.cocode.im/live-preview-poc). In production this is a release-mode Flutter Web canvas — VM Service is off, so only Playwright/Chrome DevTools work.

Skills#

이름	설명
jaspr-web-guide	Jaspr-rendered web automation tuned for CoUI Web. Drives Playwright (or Chrome DevTools MCP) to inve
live-preview-match	Dual Web↔Flutter Web embed pixel matching for cocode-style live-preview pages. Detects when the Jasp

Commands#

이름	설명
jaspr-web	Jaspr Web automation: DOM audit, accessibility, visual regression, dual Web↔Flutter live-preview mat
jaspr-web:audit	Walk a Jaspr site, inventory CoUI Web selectors, capture a11y + console-error reports per route.
jaspr-web:match	Dual Web↔Flutter Web embed pixel matching on cocode live-preview pages.
jaspr-web:regression	Per-route screenshot diff vs baseline. Catches Jaspr/CoUI visual regressions on deploy.
jaspr-web:setup	One-time install + registration for Playwright and Chrome DevTools MCPs.
jaspr-web:widgetbook-web	Drive a local CoUI Widgetbook running on Flutter Web debug mode (Playwright + Marionette VM Service)

관련 플러그인#

플러그인	설명
cc-dev-cycle	Development cycle automation (Issue Cycle, Bug Cycle, Session, ZenHub, Agent Teams)
cc-flutter-marionette	Marionette MCP wrapper — widget-tree-level Flutter automation tuned for CoUI components (Widgetbook
cc-flutter-mcp-toolkit	mcp_flutter / mcp_toolkit wrapper (Arenukvern) — app-internal MCP via Dynamic Tools Registration. Le
cc-flutter-pixel-loop	Pixel-perfect Flutter UI agentic loop using Figma + Maestro + Dart MCPs (Read → Write → Reload → Cap
cc-serverpod	Serverpod basics — model/endpoint generation, migrations

설치#

claude plugins install coco-de/skills/plugins/cc-jaspr-web