UI UX Pro MaxTop pick
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design…
Design & UI
NextLevelBuilder145k
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.
Install
Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.
$ npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill designNeeds Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.
How to use Design
Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /design.
It includes scripts that Claude may run on your computer, so skim them on GitHub before you install.
What the instructions cover
- 1When to Use
- 2Sub-skill Routing
- 3Script Paths
- 4Logo Design (Built-in)
- 5CIP Design (Built-in)
- 6Slides (Built-in)
- 7Banner Design (Built-in)
- 8Icon Design (Built-in)
- 9Social Photos (Built-in)
- 10Workflows
- 11References
- 12Scripts
Section headings from the skill's SKILL.md file.
What's inside · 38 files
- SKILL.md
- data/cip/deliverables.csv
- data/cip/industries.csv
- data/cip/mockup-contexts.csv
- data/cip/styles.csv
- data/icon/styles.csv
- data/logo/colors.csv
- data/logo/industries.csv
- data/logo/styles.csv
- references/banner-sizes-and-styles.md
- references/cip-deliverable-guide.md
- references/cip-design.md
- references/cip-prompt-engineering.md
- references/cip-style-guide.md
- references/design-routing.md
- references/icon-design.md
- references/logo-color-psychology.md
- references/logo-design.md
- references/logo-prompt-engineering.md
- references/logo-style-guide.md
- references/slides-copywriting-formulas.md
- references/slides-create.md
- references/slides-html-template.md
- references/slides-layout-patterns.md
- references/slides-strategies.md
- references/slides.md
- references/social-photos-design.md
- scripts/cip/core.py
- scripts/cip/generate.py
- scripts/cip/render-html.py
- scripts/cip/search.py
- scripts/icon/generate.py
- scripts/logo/core.py
- scripts/logo/generate.py
- scripts/logo/search.py
- scripts/logo/tests/test_generate.py
- scripts/tests/test_cip_generate.py
- scripts/tests/test_icon_generate.py
More from NextLevelBuilder
See all →Banner Design
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design…
Design & UINextLevelBuilder145k
Brand
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style…
Design & UINextLevelBuilder145k
Design System
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs…
Design & UINextLevelBuilder145k
More Claude skills for design
See all →Frontend DesignTop pick
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't…
Design & UI
Anthropic187k
Taste SkillTop pick
tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals…
Design & UI
Leon110k
Impeccable
Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages…
Design & UI
Paul Bakaus103k
Algorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic…
Design & UIAnthropic187k