v2.0.0 - Architect Skills

FlowSpec Plugin v2.0.0

New Skills

architect (MCP-powered)

Create FlowSpec projects using the MCP server. Three workflows:

• UC1: Wireframe → Dataflow (upload images, analyze, build YAML, annotate regions)
• UC2: Codebase → Dataflow (8-step analysis pipeline)
• UC3: Design New Screens (collaborative screen design)

Requires FlowSpec desktop app or MCP server with flowspec_* tools.

architect-web (Chrome-powered)

Same three workflows but uses Chrome browser automation for web-only users. Requires Claude in Chrome extension.

YAML Schema v1.2.0

Upgraded from v1.0.0:

• Added tables section (database/API persistence layer)
• Added screens/regions sections (wireframe annotation)
• Added contains edge type (Table → DataPoint)

Installation

claude plugin install flowspec@https://github.com/Jktfe/flowspec-claude-code-plugin

Usage

/flowspec:architect         # MCP-powered (desktop users)
/flowspec:architect-web     # Chrome-powered (web users)
/flowspec:spec              # Build from existing YAML
/flowspec:wireframe         # Build from wireframe + YAML