skills.rest
longqt321
longqt321COMMUNITY
Explore all skills by this author →
GitHub

design

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

Updated Sep 10, 2026
Search Tags:#brand identity#logo design#pitch deck#gemini ai#social media images#banner design#svg icons
One-click install
npx skills add https://github.com/longqt321/Rendez --skill design-longqt321
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/longqt321/Rendez/tree/main/.agent/skills/design
Command: npx skills add https://github.com/longqt321/Rendez --skill design-longqt321

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 references. ## Core Features & Use Cases - AI Logo & Icon Generation: Generate logos across 55+ styles and SVG icons across 15 styles using Gemini models via Python scripts. - Corporate Identity Program (CIP): Produce 50+ branded deliverable mockups (business cards, letterheads, signage, vehicles) and render them into an HTML presentation. - Banners, Slides & Social Photos: Design platform-specific banners and social images at exact pixel dimensions, and build Chart.js-powered HTML pitch decks. - Use Case: A startup founder needs a complete brand package—generate a logo, create CIP mockups with that logo, then build an investor pitch deck, all in one session. ## Quick Start Ask the AI to design 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 the logo generate script with your brand name, style, and industry, for example: python3 scripts/logo/generate.py --brand "TechFlow" --style minimalist --industry tech. Set the GEMINI_API_KEY environment variable and install google-genai first.

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

Use the CIP generate script with the --logo flag pointing to your logo file, plus --brand, --deliverable, and --industry options. Add --set to generate a full deliverable set or --model pro for 4K text rendering.

What banner sizes does the design skill support?▼

It covers social media covers (Facebook 820x312, YouTube 2560x1440), Google Display ads (300x250, 728x90), website heroes (1920x600-1080), and print formats like roll-ups at 300 DPI with CMYK and bleed.

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 API is needed. Specify --prompt, --style, and optionally --batch or --sizes for variations and multi-size export.

Why do the design scripts fail with an API error?▼

Most failures come from a missing or invalid GEMINI_API_KEY or absent dependencies. Verify the key is exported, run pip install google-genai pillow, and on Windows use python instead of python3.

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

Gemini struggles with rendering accurate text, so generate marks separately from wordmarks. Outputs are raster images rather than true vectors, and complex detailed prompts reduce quality—keep prompts simple with a plain white background.

Related Skills

Explore More Design & Creative Skills→
docaohieu2808docaohieu2808

brand-guidelines

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

Community
Advanced
wpgauravwpgaurav
14

ckm:banner-design

Generate platform-specific banner designs with safe-zone typography and brand-context injection.

Community
Advanced
PostalocityPostalocity
1

ckm:ui-styling

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

Official
Advanced
CoRLab-TechCoRLab-Tech

figma-illustration-import

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

Official
Intermediate