skills.rest
umairshahid622
umairshahid622COMMUNITY
Explore all skills by this author →
GitHub

design

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Producing brand assets like logos, corporate identity mockups, icons, banners, and social media images normally requires multiple design tools and manual resizing for each platform. This Skill unifies those tasks into scriptable workflows backed by Gemini AI generation and HTML-to-screenshot export. ## Core Features & Use Cases - AI Logo & CIP Generation: Create logos across 55+ styles and corporate identity mockups across 50+ deliverables using Gemini Flash/Pro models, with BM25 search over style, color, and industry guides. - SVG Icon Generation: Produce SVG icons in 15 styles with batch variations and multi-size export via Gemini 3.1 Pro text output. - Banners, Slides & Social Photos: Design HTML/CSS banners and social images at exact platform dimensions (Instagram, Facebook, LinkedIn, YouTube, TikTok), build Chart.js presentations, and export 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 and Instagram post set at exact pixel sizes. ## Quick Start Ask the AI to design a minimalist logo for your brand named TechFlow and then generate a matching business card mockup.

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 55+ styles such as minimalist, vintage, and luxury, and outputs logo images on a white background.

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

What image sizes does social media design support?▼

Supported sizes include Instagram Post 1080x1080, Story 1080x1920, Facebook Post 1200x630, LinkedIn 1200x627, YouTube thumbnail 1280x720, Pinterest 1000x1500, and TikTok 1080x1920. Designs are built in HTML and exported via headless Chrome or Playwright screenshots.

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

Yes, scripts/icon/generate.py uses gemini-3.1-pro-preview which outputs SVG as XML text, so no image generation API is needed. It supports 15 styles like outlined, filled, and duotone, plus batch variations and multi-size export.

Why do exported social images show wrong fonts or broken layouts?▼

Screenshots taken before web fonts and images finish loading cause fallback fonts and layout issues. Add a 3-5 second delay using --virtual-time-budget in headless Chrome or waitForTimeout in Playwright before capturing.

What are the limitations of AI-generated logo text?▼

AI models struggle with rendering accurate text inside logos, so generate the brand mark separately from typography. Also specify a plain white background and vector-style illustration to avoid photorealistic or cluttered results.

Related Skills

Explore More Design & Creative Skills→
jorgeasaurusjorgeasaurus
12

ckm-brand

Enforce brand voice, visual identity, and messaging frameworks across content and assets.

Community
Advanced
nextlevelbuildernextlevelbuilder
123.5k

banner-design

Design and export multi-format banners for social media, ads, web heroes, and print.

Official
Intermediate
laicluselaicluse
4

eye-of-the-beholder

Reviews screenshots of layouts, color systems, and animations against observational design criteria.

Official
Advanced
CoRLab-TechCoRLab-Tech

pix

Implement UI components from Figma designs with pixel-perfect accuracy.

Official
Advanced