develop
Installation
SKILL.md
Implement Subframe designs in the codebase. Fetch the design via MCP, sync components, and add business logic.
MCP Authentication
If you cannot find the get_page_info tool (or any Subframe MCP tools), the MCP server likely needs to be authenticated. Ask the user to authenticate the Subframe MCP server. If the user is using Claude Code or Codex, instruct them to run /mcp to view and authenticate their MCP servers, and then say "done" when they're finished.
Detect Project State
Before starting, check for package.json and .subframe/ folder in the current directory:
| Condition | Action |
|---|---|
No package.json |
Run /subframe:install first — there's no project to implement into yet. |
Has package.json AND has .subframe/ folder |
Proceed with the workflow below. |
Has package.json but NO .subframe/ folder |
Ask the user (see below). |
Existing non-Subframe project
If the current directory has a package.json but no .subframe/ folder, ask the user which approach they prefer: