Getting Subframe components to render pixel-perfect from design to code usually involves some fiddly setup work. This skill handles the entire installation workflow automatically: it authenticates with Subframe's MCP server, detects whether you're starting fresh or working in an existing repo, configures fonts, and verifies everything by spinning up your dev server. The workflow is structured around three distinct paths (new project, already setup, or existing project), and it won't let you skip steps, which is probably annoying in the moment but saves you from half-broken configurations later. If you're using Subframe for UI work, this eliminates the usual first-day friction.
npx skills add https://github.com/subframeapp/subframe --skill setup