design

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

Updated Sep 6, 2026
One-click install
npx skills add https://github.com/AbuBakar125-co/Resturant_web --skill design-abubakar125-co
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/AbuBakar125-co/Resturant_web/tree/main/agent/skills/design
Command: npx skills add https://github.com/AbuBakar125-co/Resturant_web --skill design-abubakar125-co

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 such as logos, corporate identity mockups, icons, banners, and social media images normally requires multiple design tools and manual resizing for each platform. This Skill consolidates those tasks into scriptable AI generation workflows with searchable style, color, and industry guidance. ## Core Features & Use Cases - AI Logo & CIP Generation: Generate logos across 55+ styles and corporate identity mockups across 50+ deliverables using Gemini, Atlas Cloud, or MuAPI providers, with BM25 search over style, color, and industry data. - SVG Icon Generation: Create SVG icons in 15 styles with batch variations and multi-size export using Gemini text output. - HTML-Based Design Output: Build Chart.js presentations, banners, and social photos as HTML rendered to exact platform pixel dimensions via headless Chrome or Playwright screenshots. - Use Case: A startup founder needs a complete brand package: generate a minimalist logo, produce business card and signage mockups with that logo, then render an HTML pitch deck, all from one skill. ## Quick Start Ask the AI to generate a minimalist logo for your brand name and then create matching business card mockups 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 your brand name, style, and industry, for example --brand "TechFlow" --style minimalist --industry tech. Set GEMINI_API_KEY and install google-genai first. Atlas Cloud and MuAPI are available as alternative 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. Add --set to generate a full CIP set, or --model pro for 4K text rendering with gemini-3-pro-image-preview.

What banner sizes does it support for social media and ads?

It covers Facebook covers (820x312), Twitter headers (1500x500), LinkedIn banners (1584x396), YouTube channel art (2560x1440), Instagram posts and stories, Google Ads formats like 300x250 and 728x90, plus website heroes and print specifications.

Can I generate SVG icons without an image generation API?

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

Why do my exported social images have wrong fonts or broken layouts?

Screenshots taken before fonts and images finish loading cause fallback fonts and layout issues. Add a 3-5 second delay or use --virtual-time-budget with headless Chrome, then visually verify exports and re-export after fixing the HTML source.

What are the limitations of AI-generated logos and mockups?

AI generation struggles with rendering accurate text, so generate marks separately from wordmarks. Outputs should use white backgrounds and simple compositions, and complex detailed prompts tend to produce cluttered results.