Skills

Brand Design Toolkit

Create logos, identity programs, presentations, banners, icons and social photos.

Install

npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design -g -a claude-code -y
Category
Design
Updated
3d ago
License
MIT
Context cost
Mediumabout 3,000 tokens
Runs scripts
Yes, review before use

What it does

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.

Design

Unified design skill: brand, tokens, UI, logo, CIP, slides, banners, social photos, icons.

When to Use

  • Brand identity, voice, assets
  • Design system tokens and specs
  • UI styling with shadcn/ui + Tailwind
  • Logo design and AI generation
  • Corporate identity program (CIP) deliverables
  • Presentations and pitch decks
  • Banner design for social media, ads, web, print
  • Social photos for Instagram, Facebook, LinkedIn, Twitter, Pinterest, TikTok

Sub-skill Routing

TaskSub-skillDetails
Brand identity, voice, assetsbrandBundled sibling skill
Tokens, specs, CSS varsdesign-systemBundled sibling skill
shadcn/ui, Tailwind, codeui-stylingBundled sibling skill
Logo creation, AI generationLogo (built-in)references/logo-design.md
CIP mockups, deliverablesCIP (built-in)references/cip-design.md
Presentations, pitch decksSlides (built-in)references/slides.md
Banners, covers, headersBanner (built-in)references/banner-sizes-and-styles.md
Social media images/photosSocial Photos (built-in)references/social-photos-design.md
SVG icons, icon setsIcon (built-in)references/icon-design.md

Script Paths

Script paths in this skill and its references/ are relative to the directory that contains this SKILL.md, not to the project: scripts/<file> is this skill's own scripts/ folder, and ../<skill>/scripts/<file> is a sibling sub-skill installed alongside it. Build the full path from that directory (Claude Code reports it as the skill's base directory when the skill loads) and keep the working directory at the project root, the scripts read and write project files such as docs/brand-guidelines.md, assets/design-tokens.json or src/ relative to it.

Logo Design (Built-in)

55+ styles, 30 color palettes, 25 industry guides. Gemini Nano Banana, Atlas Cloud, and MuAPI image generation.

Read the whole SKILL.md on GitHub

More in Design