01
It starts by itself
new campaign brief. Runs in Claude Code.
- ↻ new campaign brief
user asks for social media images
nextlevelbuilder · 39K installsDesign skill
Runs by itself, new campaign brief.
On-brand social images for each campaign.
Install the Design skill and make it a habit: follow https://gethabit.dev/skills/nextlevelbuilder/design.md
- 1Copy
- 2Paste into Claude Code, Codex or Cursor
- 3It runs by itself
39K installs139K starsMIT licenceSource on GitHub ↗
Design
by nextlevelbuilder · 39K installs
The skill
The design skill is an all-in-one design kit for brand identity, design tokens, UI styling, logos, corporate identity mockups, HTML slides, banners, icons and social photos.
Only when you ask.
The habit
On-brand social images for each campaign.
↻ Runs by itselfnew campaign brief
How the habit works.
You don't have to.
When does it start? How does it check its work? What does it remember?
One run, step by step.
Then it stops.
Stops after one campaign, at most 5 concepts, and 2 export retries per image.
- 01
Analyze the brief
The agent reads subject, platforms, style, brand context and content from your prompt.
- 02
Propose concepts
It offers 3 to 5 concepts with AskUserQuestion and waits for your choice.
- 03
Design per size
It builds HTML for each idea and size using the brand, design-system and ui-ux-pro-max skills.
- 04
Export PNGs
It takes screenshots with Chrome headless, Playwright or Puppeteer at the exact pixel size.
- 05
Verify and fix
It opens each PNG, fixes layout or styling issues and exports again.
- 06
Report and sort
It writes a summary to plans/reports/ and sorts files into the asset folders.
What it may do.
Nothing more.
It writes only in its own folder and asks you before anything goes out.
- Writes only inplans/reports/**, assets/**
- Talks tono outside service
- Sendsnothing
- Your OKIt asks you before anything goes out.
Is it for you?
Use it when it fits.
Read both lists. If the left one sounds like you, the Design skill helps.
Use it when
- ✓ You need a logo or brand identity
- ✓ You need social images in many sizes
- ✓ You want a pitch deck or banner
Skip it when
- – You need video editing
- – You need a full production website
Design skill, answered.
What else can the design skill do?
It also routes to logo, CIP mockups, slides, banners and icons, plus the brand, design-system and ui-styling sub-skills.
Do I need an image API key?
Not for social photos, which are HTML exported to PNG. Logo, CIP and icon generation use GEMINI_API_KEY.
Which sizes does it know?
It has sizes for Instagram, Facebook, X, LinkedIn, YouTube thumbnails and Pinterest.
How do I install the Design skill?
Copy the prompt at the top into your agent. It installs the skill from nextlevelbuilder/ui-ux-pro-max-skill and sets up the habit. Or run npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design.
Is the Design skill free?
Yes. It is published under MIT. Habit is free too.
Design. Now as a habit.
Install the Design skill and make it a habit: follow https://gethabit.dev/skills/nextlevelbuilder/design.md
All nextlevelbuilder skills →More design skills →
Works in
- Claude Code
- Codex
- Cursor
- ChatGPT
- Claude app
Made by nextlevelbuilder, published under MIT. Habit links to the original and never changes it. Is this your skill?