
Develop
Takes a Subframe design URL or page ID and implements it directly into your codebase with business logic attached. It waits for any in-flight AI design jobs to finish, fetches the page via MCP, syncs missing components with the CLI, then builds out the actual page with data fetching, forms, and state handling. If you're working in an existing non-Subframe project, it can either translate the design into your current component library or install Subframe fresh. The workflow is pretty thorough about checking project state first and respecting sync-disabled files if you've customized generated components. Solid bridge between design handoff and working code.
- skills.sh installs
- 785
- GitHub stars
- 465
- last updated
- Aug 21, 2026
Install
$ npx -y skills add subframeapp/subframe --skill develop --agent claude-codeInstalls into .claude/skills of the current project.
Files
Takes a Subframe design URL or page ID and implements it directly into your codebase with business logic attached. It waits for any in-flight AI design jobs to finish, fetches the page via MCP, syncs missing components with the CLI, then builds out the actual page with data fetching, forms, and state handling. If you're working in an existing non-Subframe project, it can either translate the design into your current component library or install Subframe fresh. The workflow is pretty thorough about checking project state first and respecting sync-disabled files if you've customized generated components. Solid bridge between design handoff and working code.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/subframeapp/subframe
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026