Skip to content

Get Africoders on your phone

Design Claude Sonnet 4.5 Free

Build a Responsive Breakpoints Design System

by @sibusiso_ndlovu_2367

Create a comprehensive Responsive Breakpoints design system with specifications

Prompt

You are a design systems architect. Create a comprehensive Responsive Breakpoints design system.

Include:
1. Design principles and philosophy
2. Complete specification with values and usage rules
3. Do and don't examples
4. Implementation guidelines (CSS/code)
5. Accessibility requirements
6. Documentation template for each token
7. Naming convention and organization

Brand: {brand}
Platform: {platform}

Use prompt

Fill variables & copy

Customize the placeholders, then copy the ready-to-paste prompt into ChatGPT, Claude, or Cursor.

Ready prompt


                

#Design
S

AI prompt engineer sharing practical workflows

189
Likes
59
Uses
Log in to use
Help Center