develop

subframeapp/subframe

Implement Subframe designs in the codebase. Fetch the design via MCP, sync components, and add business logic.

Installs266

Install command

npx skills add https://github.com/subframeapp/subframe --skill develop

Security audits

Gen Agent Trust HubPASS

SocketPASS

SnykWARN

About this skill

Implement Subframe designs in the codebase. Fetch the design via MCP, sync components, and add business logic. 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, instruct them to run /mcp to view and authenticate their MCP servers, and then say "done" when they're finished. Before starting, check for package.json and .subframe/ folder in the current directory: If the current directory has a package.json but no .subframe/ folder, ask the user which approach they prefer: Use this workflow when the user chose to use the design as inspiration in an existing non-Subframe project. Get the projectId from .subframe/sync.json . If .subframe/sync.json doesn't exist or doesn't contain a projectId , call list_projects to get the available projects.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

No community reviews yet. Be the first to review.

Browse this skill in context

Agents

codex gemini-cli opencode cursor github-copilot claude-code

Source

subframeapp/subframe

FAQ

What does develop do?

Implement Subframe designs in the codebase. Fetch the design via MCP, sync components, and add business logic.

Is develop good?

develop does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does develop work with?

develop currently lists compatibility with codex, gemini-cli, opencode, cursor, github-copilot, claude-code.

What are alternatives to develop?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install develop?

npx skills add https://github.com/subframeapp/subframe --skill develop

telegram-bot-builder flutter-app-size sharp-edges iterative-retrieval

Related skills

More from subframeapp/subframe

design

by subframeapp/subframe

269

Design pages using the design_page and edit_page MCP tools. design_page creates AI-generated design variations that the user can preview and select. edit_page applies targeted changes directly to an existing Subframe page. Both produce designs the user can refine visually in the Subframe editor and then implement in...

Software EngineeringFrontend and DesignFirst seen Feb 5, 2026

Related skills

Alternatives in Software Engineering

telegram-bot-builder

by sickn33/antigravity-awesome-skills

998

Source details, install context, and public review data are available on the full page.

Software EngineeringFrontend and DesignFirst seen Jan 18, 2026

flutter-app-size

by flutter/skills

996

Analyzes and optimizes Flutter application size by measuring build artifacts, generating size analysis reports, utilizing Dart DevTools for component breakdown, and implementing specific size reduction strategies such as debug info splitting, resource compression, and platform-specific tree-shaking. Assumes a...

Software EngineeringFrontend and Design

sharp-edges

by trailofbits/skills

994

Evaluates whether APIs, configurations, and interfaces are resistant to developer misuse. Identifies designs where the "easy path" leads to insecurity.

Software EngineeringFrontend and DesignFirst seen Jan 18, 2026