Claude MarketplacesSubmit
subframeapp avatar

Setup

subframeapp/subframe

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.

skills.sh installs
482
GitHub stars
465
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add subframeapp/subframe --skill setup --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/subframeapp/subframe
Categories
Frontend Development, CLI & Terminal
First seen
Jun 3, 2026

More from subframeapp/subframe

All 4

Recommended

More Frontend Development
1motion-team avatarhook-voice-patternsmotion-team/creative-strategy-skillsA living swipe file of scroll-stopping hook templates collected from the wild — real sentence structures and native voice patterns that have proven they stop th480skills.sh installs
2paddlepaddle avatarpaddleocr-doc-parsingpaddlepaddle/paddleocrUse this skill to extract structured Markdown/JSON from PDFs and document images—tables with cell-level precision, formulas as LaTeX, figures, seals, charts, he478skills.sh installs
3riba2534 avatarfeishu-cli-mailriba2534/feishu-cli飞书邮箱专用入口，覆盖收件箱分诊、邮件和线程读取、发送、回复、转发、草稿、过滤器、签名、 CID 内联图片和模板。用户提到飞书邮件、邮箱、收件箱、未读邮件、草稿、过滤器、邮箱签名、 邮件模板、回复、转发、发送预览/确认或发送 HTML/CID 邮件时必须使用本 Skill。 即使用户只说“发送飞书邮件前先生成预览并等待478skills.sh installs
4parcadei avatarmotparcadei/continuous-claude-v3System health check (MOT) for skills, agents, hooks, and memory475skills.sh installs
5parcadei avatarsystem-overviewparcadei/continuous-claude-v3Show users how Continuous Claude works - the opinionated setup with hooks, memory, and coordination473skills.sh installs
6openclaudia avatarthread-writeropenclaudia/openclaudia-skillsWrite viral Twitter/X threads and Reddit posts with proven structures, hooks, and engagement tactics. Includes templates for story threads, listicle threads, co472skills.sh installs