What is the design skill?
The design skill is the umbrella folder in nextlevelbuilder/ui-ux-pro-max-skill. It routes an AI coding agent to bundled brand, design system and UI styling skills and adds built-in workflows for logos with 55 plus styles, corporate identity programs with 50 plus deliverables, HTML slides, banners, social photos and icons.
It is the design folder in the ui-ux-pro-max-skill repository, described in its frontmatter as a broad design skill with an MIT license. It is a router plus built-in workflows rather than one narrow task.
Its routing table sends brand work, tokens and shadcn or Tailwind code to bundled sibling skills, and handles logos, corporate identity, slides, banners, social photos and icons itself.
What changes in your agent's output
- Brand, token and styling requests are routed to the brand, design-system and ui-styling skills instead of being improvised.
- Logo work starts with a design brief, searches 55 plus styles, 30 color palettes and 25 industry guides, then can generate images.
- Corporate identity work covers 50 plus deliverables, 20 styles and 20 industries, with mockup models named flash and pro.
- Banners follow a five-step workflow and a size table for platforms such as social headers, ad units and web hero images.
- Slides use Chart.js and design tokens with reference files for layout and copywriting.
What the skill includes
Built-in sections cover logos, corporate identity programs, slides, banner design with 22 art direction styles, social photos and icons, each backed by a reference file. The logo section names Gemini, Atlas Cloud and MuAPI as image generation backends.
Who the design skill is for
Best for
- Founders and marketers who need brand assets and decks, not only screens.
- Agents that should pick the right sibling skill, such as brand or design-system, automatically.
- Pairing with ui-ux-pro-max, which the banner and logo flows use for style and palette guidance.
Not for
- Final production code. It produces assets and design direction, so use a build skill for the app.
- Setups without access to an image generation provider, if you want AI-generated logos or mockups.
Use it with UiChemy
Use the brand and token steps to settle logo, colors and type, then build the site. UiChemy Composer or Figma to WordPress puts the result in Elementor or Gutenberg as editable pages. Click Get Started on uichemy.com.
How to install Design Skill: Brand, Logo, Slides and Banners for AI Agents
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.gitClone the repository
Run
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git. The skill is the .claude/skills/design folder.Copy the skill folder
Copy .claude/skills/design into the folder where your agent loads skills. This skill routes to brand, design-system and ui-styling and mentions ui-ux-pro-max, so copy those folders from the same .claude/skills directory as well.
Check the runtime
The scripts use Node for .cjs files and Python 3 for .py files. Run
node --versionandpython3 --versionbefore asking the agent to use them.Ask for the task
Describe the job in plain words and let the agent route to the skill.
Check that it loaded
Ask for a logo design brief for a fictional brand. The agent should generate a brief and search styles, colors and industry guides before any image generation, and ask about an HTML preview.
Key features
- Sub-skill routing tableSends brand, design system and UI styling tasks to bundled siblings and lists the built-in workflows.
- Logo design55 plus styles, 30 color palettes and 25 industry guides, with a design brief, search and generation steps.
- Image generation backendsThe logo section names Gemini, Atlas Cloud and MuAPI for AI image generation.
- Corporate identity program50 plus deliverables, 20 styles and 20 industries, with brief, domain search, mockup generation and HTML rendering.
- CIP mockup modelsFlash is the default model and pro is the alternative, each named in the skill.
- SlidesStrategic HTML presentations with Chart.js, design tokens and copywriting formulas, with five reference files.
- Banner design22 art direction styles, a five-step workflow and a size table for social, ad and web banners.
- Banner design rulesSafe zones in the central 70 to 80 percent, and one CTA per banner at the bottom right with a 44 px minimum height.
- Social photos and iconsReference files for social media images across major networks and for SVG icon sets.
- Script path guidanceExplains that script paths resolve relative to the skill's own directory, not the project.
Frequently asked questions
What is the design skill?
It is the umbrella design folder in nextlevelbuilder/ui-ux-pro-max-skill. It routes an AI coding agent to bundled brand, design system and UI styling skills and adds built-in logo, corporate identity, slide, banner, social photo and icon workflows.
How do I install it without npx?
Clone the repository with git and copy .claude/skills/design into your agent's skills folder, along with the sibling brand, design-system, ui-styling and ui-ux-pro-max folders it routes to. The scripts need Node or Python.
Which image models does it use?
The logo section names Gemini, Atlas Cloud and MuAPI for generation. The corporate identity section names a default flash model and a pro model, using gemini-2.5-flash-image and gemini-3-pro-image-preview. Check the skill's references for setup.
Does it generate a full brand?
It covers brand identity through the brand skill, logos, corporate identity deliverables and templates. The agent produces a brief and assets, but the quality depends on your inputs and the image provider you connect.
How is it different from ui-ux-pro-max?
ui-ux-pro-max is the searchable style, palette and font database for UI work. This skill is a router and asset toolbox for brand, logos, slides and banners, and it calls ui-ux-pro-max for style guidance.
Which sibling skills should I install with it?
The routing table names brand, design-system and ui-styling as bundled siblings. See brand, design-system and ui-styling for what each adds. The repository README and SKILL.md linked in the sources section are the authority for details.
What license does it use?
The repository is MIT licensed and this skill's frontmatter says MIT. The 32.3K install count on this page comes from a third-party skills listing and is not stated in the repository.