skills.rest
s0nbuildtech287
s0nbuildtech287COMMUNITY
Explore all skills by this author →
GitHub

design

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

Updated Aug 31, 2026
Search Tags:#brand identity#logo design#gemini ai#social media images#mockup generation#banner design#svg icons
One-click install
npx skills add https://github.com/s0nbuildtech287/body_gym --skill design-s0nbuildtech287
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/s0nbuildtech287/body_gym/tree/main/SKILL/ui-ux-pro-max-skill/.claude/skills/design
Command: npx skills add https://github.com/s0nbuildtech287/body_gym --skill design-s0nbuildtech287

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 them into scriptable AI-driven workflows. ## Core Features & Use Cases - AI 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 and multi-size export options. - Banners, Slides & Social Photos: Design HTML/CSS banners and social images at exact platform dimensions, export via headless Chrome screenshots, and build Chart.js presentations. - Use Case: A startup founder needs a complete brand package: generate a minimalist logo, create business card and letterhead mockups with the logo applied, 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's logo generation script.

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 using Python?▼

Run the logo generate script with your brand name, style, and industry flags, such as --brand TechFlow --style minimalist --industry tech. It calls Gemini image models and outputs a logo on a white background. Set the GEMINI_API_KEY environment variable first.

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

Use the CIP generate script with --brand, --logo pointing to your logo file, --deliverable, and --industry flags. The script uses Gemini image editing to place your logo on business cards, letterheads, signage, vehicles, and 50+ other deliverables.

What is the difference between Gemini Flash and Pro models for mockups?▼

Flash (gemini-2.5-flash-image) is the default, optimized for speed and cost. Pro (gemini-3-pro-image-preview) delivers higher quality with 4K text rendering, recommended when deliverables contain legible brand text.

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

Yes. The icon script uses gemini-3.1-pro-preview, which outputs SVG as XML text, so no image generation endpoint is needed. It supports 15 styles, batch variations, and multi-size export at 16, 24, 32, and 48 pixels.

What dependencies are required to run the design scripts?▼

You need Python with the google-genai and pillow packages installed via pip, plus a GEMINI_API_KEY from Google AI Studio. On Windows, use the python command instead of python3.

Why do exported social media screenshots show wrong fonts?▼

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

Related Skills

Explore More Design & Creative Skills→
docaohieu2808docaohieu2808

brand-guidelines

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

Community
Advanced
nexu-ionexu-io
93.2k

create-image-campaign

Generate image campaign assets and creative prompts from a structured marketing brief.

Official
Intermediate
sonle0311sonle0311

ckm:design

Generate brand identities, design tokens, logos, icons, and CIP mockups.

Community
Advanced
CoRLab-TechCoRLab-Tech

figma-illustration-import

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

Official
Intermediate