Agent skill · design visual · nextlevelbuilder
design
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.
Why this skill is useful
Adds multiple executable scripts for logo and CIP generation that provide capabilities not commonly found in public design tools.
What it needs
Requires python3 installed locally. About 7k tokens when loaded. Last updated 2026-08-06. 114,229 stars on the source repository.
What this skill does
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 Task Sub-skill Details ------ ----------- --------- Brand identity, voice, assets brand External skill Tokens, specs, CSS vars design-system External skill shadcn/ui, Tailwind, code ui-styling External skill Logo creation, AI generation Logo (built-in) references/logo-design.md CIP mockups, deliverables CIP (built-in) references/cip-design.md Presentations, pitch decks Slides (built-in) references/slides.md Banners, covers, headers Banner (built-in) references/banner-sizes-and-styles.md Social media images/photos Social Photos (built-in) references/social-photos-design.md SVG icons, icon sets Icon (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. Logo: Generate Design Brief Logo: Search Styles/Colors/Industries Logo: Generate with AI ALWAYS generate output logo images with white background. IMPORTANT: When scripts fail, try to fix them directly. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nextlevelbuilder/design--0438e4