/app-dev-workflow

Description

Development workflow for WebF apps (hot reload, DevTools, logs).

AI Summary

Set up an efficient WebF development workflow with hot reload, Chrome DevTools, and platform-specific logging. Includes troubleshooting for dev server connectivity, URL configuration, and performance issues.

Install

Add the repository(one-time)

/plugin marketplace add archview-ai/webf-plugin

Install the plugin

/plugin install webf@openwebf

Argument

path

Allowed Tools

ReadGrepGlobBashEditWritemcp__openwebf__docs_searchmcp__openwebf__docs_get_section

Command Content

WebF App Dev Workflow

Help the user establish an efficient day-to-day workflow for WebF app development.

Steps

If the user passed $ARGUMENTS, treat it as the directory to inspect; otherwise use the current working directory.
Call mcp__openwebf__docs_search for “Development Workflow” and “Debugging and Performance”.
Provide a concise workflow:
- Run dev server (Vite)
- Load in WebF Go
- Use Chrome DevTools for DOM/console
- Collect logs via platform-specific instructions when needed
Provide troubleshooting checklist:
- Dev server reachable
- WebF Go URL correct
- Caching disabled or cache-busting in dev
- Performance pitfalls (too many bindings, heavy sync work)

Links

GitHub Stats

0 forks

Updated 22 days ago