Task prompt · Design
Write a design system starter
by Agent Yard TeamTokens and rules for consistent UI.
You'll attach
Text only
Works with
ChatGPT
Claude
Gemini
Grok
CopilotGrok BotUse cases
- Tokens and rules for consistent UI.
- Reuse it as often as you like: fill in the blanks (product; colors; fonts) with new details and copy again.
- As one step of the Build a brand identity prompt pack.
Featured in: Best ChatGPT prompts for job interviews, Best ChatGPT prompts for design and branding, Best AI prompts for UX and app design.
How to use it
- Open chatgpt.com or claude.ai (or another AI listed here).
- Fill in the highlighted blanks ([PRODUCT], [COLORS], [FONTS]) below, or edit them after pasting.
- Copy the prompt, paste it into the chat and send.
Fill in the blanks (optional)
Prompt
Create a starter design system for [PRODUCT]. Brand colors: [COLORS]. Fonts: [FONTS]. Define tokens for color, type scale, spacing (4/8 grid), radius, shadows and motion. Then specs for buttons, inputs, cards and alerts with states. Output tokens as CSS variables.
One email a week
The Weekly is presented byyour brandSponsored · openThe best new prompts and personas, nothing else.