Build Kit
Styles, briefs, recipes and tools you hand to your coding agent. Pick a style, pick an app, hand both over.
The library gives you finished screens. The Build Kit covers everything you build after them. Each item is an Agent Skill your coding agent reads before it writes SwiftUI, in Claude Code, Codex, Cursor or Claude in Xcode. Every item is written against the same design system as the screens and templates. What your agent builds next uses the same tokens, the same scheme families and the same pieces, so it looks like it shipped with them.
How it fits together
Each kind answers one question, so they combine without overlapping.
| Kind | Decides | Start with |
|---|---|---|
| Setup | How your agent installs, composes and themes Swift Pieces. Free, and every other item assumes it. | swift-pieces |
| Styles | How the app looks. Each style is one of the library's scheme families, bound to its theme. | style-native, style-studio, style-press |
| Briefs | What an app in a category contains: screens, states, frameworks and App Review rules. | brief-subscription, brief-finance |
| Recipes | Which library screens to install, in what order, and the Swift that wires them. | recipe-onboarding-paywall |
| Tools | Jobs your agent runs on code you already have. | tool-review, tool-rebrand |
A style on its own changes how your agent builds. A style and a brief together give it a full product spec. Add a recipe and it assembles real library screens instead of rebuilding them.
Why it matches
Other kits describe a look in prose, and the agent approximates it. Here, a style is the same theme your installed screens already read. style-press tells your agent to apply SPBrandTheme(.press) and which tokens to use for type, blocks, corners and motion. New screens then match the installed ones in every preset, in light and dark, at every text size.
Recipes name library screens by id, and the registry build checks every id, so a recipe can never point at a piece that doesn't exist. Briefs cite the App Review guidelines that get apps in each category rejected. Review runs the same rubric every Pro screen passes before it ships.
Compose a prompt
Pick a style, a brief and optionally a recipe. You get one install line and one instruction to paste into your agent.
Get started
Install the setup skill
It's free, and it teaches your agent the commands, folders and design-system rules every other item builds on.
npx swiftpieces add swift-piecesAdd a style and a brief
Install the ones that fit your app, or let the composer above write the line for you. Kit items need your Pro license key (npx swiftpieces login).
npx swiftpieces add style-studio brief-financeAsk for the work
"Use style-studio and brief-finance to build the home screen." Your agent applies the theme, installs library screens where they exist, builds the rest, and runs the style's self-check before it finishes.
Every install option (agents, global skills, MCP prompts, copy and download) is in Using the Build Kit.