Action–State Reference Suite

Four reference apps (autos, funnel, sudoku, tinker) implemented across multiple frameworks to validate that action–state is a genuinely framework-agnostic pattern. Framework port counts differ by app — autos 7, funnel 8, tinker 8, sudoku 10 (8 core + 2 Custom Element variants). The frameworks used across the suite are React, Stencil, Lit, uCE, Svelte, Solid, Preact, and Vue; not every app has every port (e.g. autos has no uCE build). The hypothesis held: nearly identical behavior and output with a shared Tailwind plugin and the same component structure.

This directly informed the architectural foundation for MCP-driven UI — if action–state works the same everywhere, agents can drive any implementation through the same contract.

The suite predates the YAML platform by years — it was independent exploratory work, not a deliberate stepping stone. When the spec-driven platform idea eventually surfaced, the empirical proof was already in place. Each framework implementation was effectively a manual exporter: the "component patterns" and "action-state pattern" were an informal spec; the implementation work was translating that spec into each framework's idiom. The platform later automated exactly what was being done by hand.

See projects for the deployed apps.