subframeapp/subframe
2 skills1.1k installs784 starsGitHub
Install
npx skills add https://github.com/subframeapp/subframeSkills in this repo
1DesignSubframe Design teaches your agent when and how to use the Subframe MCP server for every design action on a project. Solo builders shipping SaaS frontends get a single skill that routes new pages, reusable components, snippets, design documentation, and global theme updates through the right tools instead of improvising code. Background AI jobs for page and component design expose a jobId so the agent can wait for completion before chaining steps. The workflow encodes Subframe’s product model: design is authoritative, and implementation is a separate develop step that emits React and Tailwind aligned to the system. That separation reduces drift between Figma-like intent and what actually ships. Load this skill whenever the user asks to build or change UI in Subframe, capture usage guidance in writing, tune colors fonts corners shadows typography, or remove stale resources while keeping theme intact.534installs2Developdevelop is the Subframe implementation skill that closes the gap between visual design and production React code. Solo builders who already mocked flows in Subframe invoke it with a page URL, page ID, or reference to the design they just created. The agent checks project state: greenfield repos without package.json must run subframe:install first; existing apps without a .subframe folder need an explicit user choice before overwriting structure. When Subframe MCP tools are missing, the skill stops and walks the user through /mcp authentication in Claude Code or Codex. On success it fetches page metadata, synchronizes generated components into the tree, and layers routing, state, API calls, and validation—the parts design tools do not own. It assumes a design pass preceded implementation, whether via the design skill or a shared link. This is agent-tooling plus frontend work, not a substitute for backend contracts or test suites, but it compresses handoff time for indie SaaS and internal tools.523installs