Summary
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.
Install to Claude Code
npx -y skills add subframeapp/subframe --skill develop --agent claude-codeInstalls into .claude/skills of the current project.
Fastest browser for AI agents to run web automation tasks, always free.
Download Free life-time →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
Files
SKILL.md
Select a file.
Featured
Fastest browser for AI agents to run web automation tasks, always free.
Download Free life-time →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
