How do I install the Flutter MCP Toolkit Maintain Web skill?

Run npx skillmds@latest add arenukvern/flutter-mcp-toolkit-maintain-web in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Flutter MCP Toolkit Maintain Web safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Flutter MCP Toolkit Maintain Web?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Flutter MCP Toolkit Maintain Web free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Flutter MCP Toolkit Maintain Web?

arenukvern (@arenukvern) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Flutter MCP Toolkit Maintain Web by arenukvern

Name: Flutter MCP Toolkit Maintain Web
Author: arenukvern

Flutter MCP Toolkit Maintain Web

Maintains flutter_test_app and intentcall web targets (Chrome, web codegen, WebMCP bootstrap, web-showcase, webmcp verify). Use when editing web/index.html, agent_manifest.json, intentcall_webmcp.generated.js, web platform sync, Chrome dogfood, or WebMCP modelContext.

arenukvern Updated Sep 17, 2026

File contents

Maintain Web (Chrome + WebMCP)

Dogfood app: flutter_test_app. Canonical platform doc: flutter_test_app/INTENTCALL_PLATFORM.md.

WebMCP vs VM MCP

Path	Proves
VM extensions + `fmt_*` tools	MCP toolkit dogfood (always)
`document.modelContext`	True WebMCP (Chrome flag / `--web-browser-flag`)

ADR: decisions/0008_web_agent_invoke_js_only.mdx — JS fetch('/agent/invoke') 404 by design; Dart invokeDirect works when modelContext exists.

Launch (repeatable WebMCP)

make web-showcase
# WS_URI from .showcase/web_app.log (re-grep after hot reload)
grep -Eo 'ws://127\.0\.0\.1:[0-9]+/[A-Za-z0-9_=-]+/ws' .showcase/web_app.log | tail -1

dart run mcp_server_dart/bin/flutter_mcp_toolkit.dart webmcp chrome-args
dart run mcp_server_dart/bin/flutter_mcp_toolkit.dart webmcp verify --web-port 8080

Stop: make showcase-stop.

Do not rely on chrome://flags alone across machines — use webmcp chrome-args / make web-showcase.

Codegen & hooks

dart run mcp_server_dart/bin/flutter_mcp_toolkit.dart codegen sync \
  --platform web,android,ios,macos,linux,windows \
  --project-dir flutter_test_app

dart run mcp_server_dart/bin/flutter_mcp_toolkit.dart init intentcall-platform \
  --project-dir flutter_test_app --check

Artifact	Source
`web/intentcall_webmcp.generated.js`	`codegen sync` from `web/agent_manifest.json`
`web/index.html`	`init intentcall-platform` script tag
Dart bootstrap	`registerAgentWebMcpFromEntries` in `mcp_toolkit_extensions.dart` (debug web, after `addEntries`; `intentcall_platform`)

Runtime validate

dart run mcp_server_dart/bin/flutter_mcp_toolkit.dart --save-images \
  --output-dir .showcase/web_iter validate-runtime \
  --target "$WS_URI" \
  --flutter-device chrome \
  --timeout-ms 45000

Pass --web-browser-debugging-port <cdp> if CDP discovery fails.

Known issues

Duplicate tool name — generated JS + registerAgentWebMcpFromEntries both call registerTool; dedupe or gate one path (agent_web_mcp_bootstrap_web.dart name cache).
CDP probe — webmcp verify may report webmcp_active_log_evidence while CDP hasModelContext is false (Flutter execution context).
Stale WS_URI — always grep fresh token after hot restart before eval/validate.

docs/superpowers/evals/2026-05-26-webmcp-verification.md
flutter-mcp-cli-runtime-validation — validate-runtime details
flutter-mcp-toolkit-dogfood-iterations — scored iterations

---name: flutter-mcp-toolkit-maintain-webdescription: Maintains flutter_test_app and intentcall web targets (Chrome, web codegen, WebMCP bootstrap, web-showcase, webmcp verify). Use when editing web/index.html, agent_manifest.json, intentcall_webmcp.generated.js, web platform sync, Chrome dogfood, or WebMCP modelContext.---# Maintain Web (Chrome + WebMCP)Dogfood app: `flutter_test_app`. Canonical platform doc: `flutter_test_app/INTENTCALL_PLATFORM.md`.## WebMCP vs VM MCP| Path | Proves ||------|--------|| VM extensions + `fmt_*` tools | MCP toolkit dogfood (always) || `document.modelContext` | True WebMCP (Chrome flag / `--web-browser-flag`) |ADR: `decisions/0008_web_agent_invoke_js_only.mdx` — JS `fetch('/agent/invoke')` **404** by design; Dart `invokeDirect` works when `modelContext` exists.## Launch (repeatable WebMCP)```bashmake web-showcase# WS_URI from .showcase/web_app.log (re-grep after hot reload)grep -Eo 'ws://127\.0\.0\.1:[0-9]+/[A-Za-z0-9_=-]+/ws' .showcase/web_app.log | tail -1``````bashdart run mcp_server_dart/bin/flutter_mcp_toolkit.dart webmcp chrome-argsdart run mcp_server_dart/bin/flutter_mcp_toolkit.dart webmcp verify --web-port 8080```Stop: `make showcase-stop`.**Do not** rely on `chrome://flags` alone across machines — use `webmcp chrome-args` / `make web-showcase`.## Codegen & hooks```bashdart run mcp_server_dart/bin/flutter_mcp_toolkit.dart codegen sync \ --platform web,android,ios,macos,linux,windows \ --project-dir flutter_test_appdart run mcp_server_dart/bin/flutter_mcp_toolkit.dart init intentcall-platform \ --project-dir flutter_test_app --check```| Artifact | Source ||----------|--------|| `web/intentcall_webmcp.generated.js` | `codegen sync` from `web/agent_manifest.json` || `web/index.html` | `init intentcall-platform` script tag || Dart bootstrap | `registerAgentWebMcpFromEntries` in `mcp_toolkit_extensions.dart` (debug web, after `addEntries`; `intentcall_platform`) |## Runtime validate```bashdart run mcp_server_dart/bin/flutter_mcp_toolkit.dart --save-images \ --output-dir .showcase/web_iter validate-runtime \ --target "$WS_URI" \ --flutter-device chrome \ --timeout-ms 45000```Pass `--web-browser-debugging-port <cdp>` if CDP discovery fails.## Known issues1. **Duplicate tool name** — generated JS + `registerAgentWebMcpFromEntries` both call `registerTool`; dedupe or gate one path (`agent_web_mcp_bootstrap_web.dart` name cache).2. **CDP probe** — `webmcp verify` may report `webmcp_active_log_evidence` while CDP `hasModelContext` is false (Flutter execution context).3. **Stale WS_URI** — always grep fresh token after hot restart before eval/validate.## Related- `docs/superpowers/evals/2026-05-26-webmcp-verification.md`- `flutter-mcp-cli-runtime-validation` — validate-runtime details- `flutter-mcp-toolkit-dogfood-iterations` — scored iterations

Frequently asked questions