subframeapp/subframe
4 skills1.6k installs1.7k starsGitHub
Install
npx skills add https://github.com/subframeapp/subframeSkills in this repo
1Designdesign (subframeapp/subframe) is the mandatory entry skill for any Subframe MCP server action—pages, components, snippets, design documents, and theme editing. The skill enforces design-first workflow: iterate UI and design system resources in Subframe, capture design intent in writing, and defer implementation to the /subframe:develop skill rather than writing UI code directly. Deletion of pages, components, snippets, and design docs is supported; theme deletion is excluded. Developers reach for design when building or evolving SaaS UI through Subframe's visual design surface before codegen.656installs2Developdevelop is Subframe's build skill for converting designs into codebase-ready React. It runs after `/subframe:design` or when given a Subframe page URL, page ID, or reference to a design just created. The workflow fetches design data through Subframe MCP, syncs components into the repository, and adds application business logic on top of generated UI. If `get_page_info` or other Subframe MCP tools are missing, the skill instructs authentication via `/mcp` in Claude Code or Codex before continuing. Developers reach for develop when a Subframe prototype is approved and needs production React implementation without manually recreating layouts. The skill assumes MCP connectivity and an existing app codebase ready to receive synced components.641installs3Bulk Importbulk-import is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.138installs4Installinstall is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.136installs