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-code

Installs 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 GitHub

Sponsors

Details

Repository
github.com/subframeapp/subframe
Category
Design & UI/UX
First seen
Jun 3, 2026

More from subframeapp/subframe

All 4
1dcramer avatardex-plandcramer/dexCreate dex task from markdown planning documents (plans, specs, design docs, roadmaps)783skills.sh installs
2inference-sh avatarelevenlabs-sound-effectsinference-sh/skillsGenerate AI sound effects from text descriptions with ElevenLabs via inference.sh CLI. Capabilities: text-to-sound-effect, custom duration, royalty-free audio. 783skills.sh installs
3joellewis avatarorder-lifecyclejoellewis/finance_skillsGuide the design and implementation of order lifecycle management in trading systems. Owns FIX application-layer message flows (NewOrderSingle, ExecutionReport,780skills.sh installs
4joellewis avatarmarket-datajoellewis/finance_skillsDesign and manage market data infrastructure — real-time and delayed feeds, Level 1/2/3 depth, consolidated tape vs direct feeds, vendor selection, licensing, a776skills.sh installs
5syncfusion avatarsyncfusion-react-chartssyncfusion/react-ui-components-skillsImplement Syncfusion React Charts component for data visualization. Use this when creating charts, configuring axes and series, or customizing visualization sty775skills.sh installs
6product-on-purpose avatardevelop-spike-summaryproduct-on-purpose/pm-skillsDocuments the results of a completed technical or design spike, capturing the original question, approach, evidence-backed findings, and a clear proceed-or-not 774skills.sh installs