@subframeapp

converts subframe design artifacts into working code by fetching designs via mcp, syncing components into the correct directory structure, and providing patterns for adding business logic like data fetching and form handlers.

setup initializes subframe in new or existing projects by detecting project state, configuring tailwind and fonts, syncing components, then verifying the dev server renders designs pixel-perfect.

design covers ui page creation and iteration within subframe, generating ai-driven variations and production-ready react/tailwind code before visual refinement.