skills.rest
billiampalad
billiampaladCOMMUNITY
Explore all skills by this author →
GitHub

design

Generates logos, CIP mockups, SVG icons, banners, slides, and social images via Gemini APIs.

1|Updated Mar 9, 2026
Search Tags:#brand identity#design automation#gemini api#social media images#logo generation#html slides#svg icons
One-click install
npx skills add https://github.com/billiampalad/wd4 --skill design-billiampalad
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/billiampalad/wd4/tree/main/.agents/skills/design/ui-ux-pro-max-skill-main/.claude/skills/design
Command: npx skills add https://github.com/billiampalad/wd4 --skill design-billiampalad

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-genai, pillow, and includes scripts (resource) and references (resource) components.

What problem does it solve? Creating brand assets like logos, corporate identity mockups, icons, banners, and social media images requires design expertise and multiple tools; this Skill unifies AI-driven generation and HTML-based design workflows into one entry point. ## Core Features & Use Cases - AI Logo & CIP Generation: Generate logos in 55+ styles and corporate identity mockups (business cards, signage, apparel, vehicles) using Gemini, Atlas Cloud, or MuAPI providers. - SVG Icon Generation: Produce SVG icons in 15 styles with batch variations and multi-size export via Gemini 3.1 Pro. - HTML Presentations & Social Images: Build Chart.js-based slide decks and design platform-sized social photos exported via headless Chrome screenshots. - Use Case: A startup founder needs a complete brand package: generate a minimalist logo, create business card and letterhead mockups with that logo, then render an HTML pitch deck presentation. ## Quick Start Ask the AI to generate a minimalist logo for your brand named TechFlow using the design skill.

Frequently Asked Questions about design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a logo with Gemini AI?▼

Run scripts/logo/generate.py with --brand, --style, and --industry flags after setting the GEMINI_API_KEY environment variable. The script supports Gemini Nano Banana by default, with Atlas Cloud and MuAPI as opt-in providers via the --provider flag.

How to create corporate identity mockups with an existing logo?▼

Use scripts/cip/generate.py with --brand, --logo pointing to your logo file, --deliverable, and --industry flags. Adding --set generates a full CIP set, and --model pro uses gemini-3-pro-image-preview for 4K text rendering.

What image generation providers does the logo script support?▼

The logo generator supports three providers: Gemini Nano Banana as the default, plus Atlas Cloud and MuAPI as explicit opt-in providers. MuAPI supports both nano-banana and nano-banana-pro model slugs through its asynchronous prediction API.

Can I generate SVG icons without an image generation API?▼

Yes, icon generation uses gemini-3.1-pro-preview which outputs SVG as text, so no image generation API is needed. Run scripts/icon/generate.py with --prompt and --style, with options for batch variations and multi-size export.

Why do social photo exports need a delay before screenshot capture?▼

HTML designs load Google Fonts and images asynchronously, so capturing immediately produces fallback fonts or missing visuals. The workflow requires a 3-5 second delay via --virtual-time-budget in headless Chrome or waitForTimeout in Playwright before screenshotting.

What Python dependencies are required to run the design scripts?▼

The scripts require the google-genai and pillow packages installed via pip, plus a GEMINI_API_KEY environment variable. Atlas Cloud and MuAPI providers need only their respective API keys with no extra Python packages.

Related Skills

Explore More Design & Creative Skills→
oakossoakoss
14

brand-designer

Generate cohesive brand identities with SVG logos, Tailwind color tokens, and typography systems.

Official
Advanced
brixtonphambrixtonpham

ui-design-system

Architect scalable UI design systems with three-tier design tokens and CSS variable theming.

Community
Advanced
KumarAdi8KumarAdi8

banner-design

Design platform-optimized banners for social media, ads, websites, and print.

Community
Intermediate
CoRLab-TechCoRLab-Tech

figma-illustration-import

Import Figma vector illustrations into React components with SVG/PNG assets and Storybook stories.

Official
Intermediate