skills.rest
qaz26688442
qaz26688442COMMUNITY
Explore all skills by this author →
WebsiteGitHub

design

Generate logos, CIP mockups, SVG icons, banners, slides, and social images with Gemini AI.

Updated Jul 2, 2026
Search Tags:#brand identity#logo design#presentation design#gemini ai#social media images#mockup generation#svg icons
One-click install
npx skills add https://github.com/qaz26688442/bo-car --skill design-qaz26688442
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/qaz26688442/bo-car/tree/main/.claude/skills/design
Command: npx skills add https://github.com/qaz26688442/bo-car --skill design-qaz26688442

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Creating cohesive brand visuals—logos, corporate identity mockups, icons, banners, presentations, and social media images—normally requires multiple design tools and manual effort. This Skill unifies those tasks into one workflow with AI generation and ready-to-use scripts. ## Core Features & Use Cases - Logo & CIP Generation: Search 55+ logo styles and 50+ corporate identity deliverables via BM25 search scripts, then generate mockups with Gemini Flash/Pro models. - SVG Icon Generation: Produce SVG icons in 15 styles and 12 categories using Gemini 3.1 Pro, with batch variations and multi-size export. - Banners, Slides & Social Photos: Design HTML/CSS-based banners (22 art styles), Chart.js presentations, and multi-platform social images exported via headless Chrome screenshots. - Use Case: A startup founder needs a complete brand package—generate a logo, create business card and signage mockups with that logo, then build an investor pitch deck, all in one session. ## Quick Start Ask the design skill to generate a minimalist logo for your brand named TechFlow in the tech industry.

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. You can first create a design brief with search.py to explore 55+ styles, 30 color palettes, and 25 industry guides.

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. Add --set to generate a full CIP set, or --model pro for 4K text rendering with gemini-3-pro-image-preview.

What Python packages does the design skill require?▼

The scripts require google-genai and pillow, installed via pip. You also need a Gemini API key from Google AI Studio exported as GEMINI_API_KEY. On Windows, use python instead of python3 for all commands.

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

Yes, icon generation uses gemini-3.1-pro-preview which outputs SVG as XML 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.

What image sizes are supported for social media and banners?▼

References cover Instagram (1080x1080, 1080x1920), Facebook (1200x630, 820x312), Twitter/X (1500x500), LinkedIn, YouTube (2560x1440), Pinterest, TikTok, and Google Ads formats like 300x250. HTML designs are screenshotted at exact pixel dimensions via headless Chrome.

Why do my exported social images show wrong fonts?▼

Fonts fail when screenshots are taken before Google Fonts finish loading. Add a 3-5 second delay using --virtual-time-budget in headless Chrome or waitForTimeout in Playwright before capturing the screenshot.

Related Skills

Explore More Design & Creative Skills→
docaohieu2808docaohieu2808

brand-guidelines

Enforce brand voice, visual identity, and messaging frameworks in content creation.

Community
Advanced
prabaljainnprabaljainn

ckm:design

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

Community
Advanced
PostalocityPostalocity
1

ckm:ui-styling

Integrate shadcn/ui with Tailwind CSS to enforce design tokens and CSS variable theming.

Official
Advanced
ZD-AI-LabZD-AI-Lab
21

tech-article-image

Generate bilingual image prompts for technical articles using 25 curated artistic styles.

Community
Intermediate