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 |
|---|---|
| Assets | The right-panel tab with your component library and the icon catalog (Lucide, Phosphor, Material Symbols). |
| Breakpoint | A named width range where the design changes (Mobile, Tablet, Desktop…). Ranges cover every width without gaps; 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, Next.js + Radix or OpenUI library (beta). |
| 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 full-screen view (⌃3) where you manage tokens, text styles, effects and layout guides. A summary is in the right panel's Foundation tab. |
| 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. |
| Layout guide | Columns, rows or a grid drawn over a screen or frame to align content. Editor only; saved as a style in Foundations. |
| Main component | The definition of a component, shown on the canvas as a grid of its variants. |
| 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, a design system package or an OpenUI library (beta). |
| Preview link | A public, view-only link to your screens, optionally with a password and expiry. |
| Primary breakpoint | The breakpoint screens and components inherit from; other breakpoints store their differences. |
| 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 | An area of a component that takes any content, with optional limits and preferred components. In code, named parts of a component (Label, Icon) also come from layer names. |
| Smart layout | Automatic vertical, horizontal or grid arrangement of children — flexbox and grid in code. |
| Text style | A named, optionally responsive set of typography values. |
| Variant | One combination of a component's property values, for example Size = Compact. A main component shows its variants as a grid on the canvas. |
| 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. |