Every piece has a prompt you can paste into an AI coding tool. They are built from the piece's own files, so they stay exact when the code changes.
What a prompt contains
- What it is and the install command.
- Visual spec: the spectrum and surface colours, the fonts, radius and motion rules.
- Art and media: what is drawn and how (a shader, a three.js scene, plain CSS), the media the demo uses and, for scenes, the preset colours exactly as shipped.
- Props with their defaults, and for blocks the content slots.
- Behaviour and access: reduced motion, keyboard, screen readers, touch and the performance budget.
- Rules: keep the licence header, original code only, tokens for colour and type.
Using one
- Copy the prompt from the item page (or from a background card, where it includes the colours you picked).
- Paste it into your tool with the file you want changed.
- Add what is specific to you: your brand colour, your headline, where the piece goes.
Make the output better
- Keep the prompt and your constraints in
AGENTS.mdso every session starts from them. - Ask for a plan first when the change touches several files.
- Ask the tool to screenshot at 390 and 1440 px and report problems before it finishes.
More on prompting in Tips.