Reference
Glossary
Shippp terms and what they mean in the generated code.
The words you will meet in Shippp and in these docs, in alphabetical order.
| Term | Meaning |
|---|---|
| Breakpoint | A screen width where the design changes (Mobile, Tablet, Desktop…). Stored as a token; up to five per file. |
| Change set | A group of edits an AI client applies at once — all or nothing — and can revert later. |
| Code ready | Screens in a section marked Select for dev. The default input for exports and AI clients. |
| Code target | The stack generated code uses: Next.js + Chakra UI, Next.js + Base UI or Next.js + Radix. |
| Component | A reusable piece of UI with a main component, variants and instances. |
| Container | A box that holds other layers. With Layout turned on it becomes a smart layout. |
| Effect style | A saved combination of shadows and blurs. |
| Fill / Hug / Fixed | Sizing modes: take available space, wrap the content, or keep an exact size. |
| Foundations | The tab where you manage tokens, text styles, effects and breakpoints. |
| Ignore smart layout | Takes one layer out of its parent's flow so it can be positioned freely. |
| Instance | A placed copy of a component. Local changes are overrides. |
| MCP | Model Context Protocol — the open standard that lets AI clients use Shippp tools. |
| MCP unit | The measure of MCP usage. Reads cost little, full generations more. |
| Output format | What an export contains: a Next.js project, single screens or a design system. |
| Preview link | A public, view-only link to your screens, optionally with a password and expiry. |
| Primitive token | A raw value in your palette or scale, such as gray/900. |
| Receipt | A file recording which design version and settings produced a piece of code. |
| Section | A group of screens that are the same page at different breakpoints. |
| Screen | A top-level frame — one page of your product at one width. |
| Semantic token | A token with meaning (Text/Primary, Gutter) that points at a primitive and can vary per breakpoint. |
| Slot | A named part of a component (Label, Icon). Comes from layer names. |
| Smart layout | Automatic vertical, horizontal or grid arrangement of children — flexbox and grid in code. |
| Studio | The grid that shows every variant of a component, where you add and edit properties. |
| Text style | A named, optionally responsive set of typography values. |
| Variant | One combination of a component's property values, for example Size = Compact. |
| Version | A named, saved state of a file you can restore — and generate code from. |
| Workspace | Your team's space for files, members and billing. |