accionlabs

SPA Flow Structuring Agent — Development agent for Claude Code

Development community

Take ONE frontend (single-page app — React/Vue/Angular/Next) entry point plus the persona that owns it, read the relevant code, produce a complete Functional Graph subtree (Persona → Outcomes → Scenar.

How to install SPA Flow Structuring Agent

Installs to ~/.claude/agents/accionlabs-breezeai-claude-plugin-spa-flow-structuring-agent.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/accionlabs/breezeai-claude-plugin/HEAD/agents/spa-flow-structuring-agent.md -o ~/.claude/agents/accionlabs-breezeai-claude-plugin-spa-flow-structuring-agent.md

Restart Claude Code, or start a new session, for it to be picked up.

What SPA Flow Structuring Agent does

name: spa-flow-structuring-agent description: Take ONE frontend (single-page app — React/Vue/Angular/Next) entry point plus the persona that owns it, read the relevant code, produce a complete Functional Graph subtree (Persona → Outcomes → Scenarios → Steps → Actions) byte-valid against the upsert schema, self-validate it (schema / rule-a / forbidden words / citations), write it to disk, and POST it to the Breeze /functional-graph/v2/upsert REST endpoint. Designed to be invoked by the genera

Alternatives in Development

Angular Migration — Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injec 31.9k ★
Vue Skills — Agent skills for Vue 3 development 2k ★
Claude Bowser Agent — Browser automation agent 222 ★