skills.rest
Rasslonely
RasslonelyCOMMUNITY
Explore all skills by this author →
GitHub

design

Generates logos, CIP mockups, banners, icons, slides, and social images using Gemini AI and HTML rendering.

Updated Jul 31, 2026
Search Tags:#brand identity#logo design#gemini ai#social media images#mockup generation#svg icons#html presentations
One-click install
npx skills add https://github.com/Rasslonely/NexusXRP --skill design-rasslonely
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/Rasslonely/NexusXRP/tree/main/.agents/skills/design
Command: npx skills add https://github.com/Rasslonely/NexusXRP --skill design-rasslonely

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Creating consistent brand assets across logos, corporate identity materials, presentations, banners, icons, and social media images normally requires multiple tools and manual design work; this Skill unifies those tasks 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 or Pro models. - HTML Presentations & Social Images: Build Chart.js-based slide decks and multi-platform social photos (Instagram, Facebook, LinkedIn, YouTube) exported via headless Chrome screenshots. - SVG Icon Generation: Produce SVG icons in 15 styles and 12 categories using Gemini 3.1 Pro text output, with batch and multi-size export. - Use Case: A startup founder needs a complete brand package: generate a minimalist logo, create business card and letterhead mockups with that logo, then build an investor pitch deck with data charts. ## Quick Start Ask the AI to design 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?▼

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 with an existing logo?▼

Use the CIP generate script with the --logo flag pointing to your logo image, plus --brand, --deliverable, and --industry options. The script uses Gemini image editing to place your logo on business cards, letterheads, signage, and other deliverables.

What banner sizes does the design skill support for social media?▼

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

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. It supports 15 styles like outlined, filled, and duotone, with batch variations and multi-size export.

Why do my exported social media screenshots have wrong fonts?▼

Screenshots taken before web fonts finish loading fall back to system fonts. Add a 3-5 second delay using Chrome's --virtual-time-budget flag or Playwright's waitForTimeout before capturing the screenshot.

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

Gemini image models often produce distorted or misspelled text in logos. The recommended approach is to generate the visual mark separately and add typography manually, or use the Pro model which handles 4K text rendering better.

Related Skills

Explore More Design & Creative Skills→
Fabric-ProFabric-Pro
3

brand-guidelines

Create brand guidelines covering visual identity, tone of voice, color palettes, and typography.

Official
Basic
prasanna591prasanna591

banner-design

Generates multi-format banner designs for social media, ads, web heroes, and print with AI-generated visuals.

Community
Advanced
47thtechcorner47thtechcorner
21

character-animation-qa

Validate character animation assets via schema checks, Playwright screenshots, and FFmpeg media analysis.

Community
Advanced
CoRLab-TechCoRLab-Tech

figma-illustration-import

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

Official
Intermediate