design

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

82|9|Updated May 12, 2026
One-click install
npx skills add https://github.com/futureboard/futureboard-studio --skill design-futureboard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/futureboard/futureboard-studio/tree/main/.cursor/skills/design
Command: npx skills add https://github.com/futureboard/futureboard-studio --skill design-futureboard

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 assets—logos, corporate identity mockups, icons, banners, and social media images—normally requires multiple design tools and manual effort. This Skill unifies those tasks into scriptable workflows backed by Gemini image generation and searchable design guideline databases. ## Core Features & Use Cases - Logo Generation: Search 55+ styles, 30 color palettes, and 25 industry guides via BM25 search, then generate logo images with Gemini Nano Banana models, including batch variant generation. - Corporate Identity Program (CIP): Generate 50+ deliverable mockups (business cards, letterheads, vehicle wraps, apparel) with optional image-editing mode that places your actual logo into mockups, plus HTML presentation rendering. - SVG Icon Generation: Produce production-ready SVG icons in 15 styles using Gemini 3.1 Pro text output, with batch variations and multi-size export. - Banners & Social Photos: HTML/CSS-to-screenshot workflows with platform-specific size references for Facebook, Instagram, LinkedIn, YouTube, TikTok, and Google Ads. - Use Case: A startup founder needs a complete brand package: generate a minimalist logo, apply it to a full CIP mockup set with the real logo embedded, then render an HTML presentation of all deliverables. ## Quick Start Ask the AI to generate a minimalist logo for your brand name and then create a business card mockup using that logo.

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 and --style flags, for example --brand "TechFlow" --style minimalist. The script uses gemini-2.5-flash-image by default, or gemini-3-pro-image-preview with the --pro flag, and saves a PNG with a white background.

How to create corporate identity mockups with my own logo?▼

Pass your logo file with --logo to scripts/cip/generate.py along with --brand and --deliverable. This enables Gemini's image editing mode, which places your exact logo into photorealistic mockups like business cards, letterheads, and vehicle wraps.

What API key and packages does this design skill require?▼

You need a GEMINI_API_KEY from Google AI Studio, set as an environment variable or in a .env file. Install the google-genai and pillow Python packages with pip before running any generation scripts.

Can Gemini generate SVG icons instead of images?▼

Yes, scripts/icon/generate.py uses gemini-3.1-pro-preview to output SVG as text, since SVG is XML. It supports 15 styles like outlined, filled, and duotone, plus batch variations and multi-size export via the --sizes flag.

Why does the logo or CIP generation script fail?▼

Common causes are a missing GEMINI_API_KEY, uninstalled google-genai or pillow packages, or a logo file path that does not exist. On Windows, use python instead of python3 when invoking the scripts.

What image sizes are supported for social media banners?▼

The skill references platform-specific dimensions such as 1080x1080 for Instagram posts, 1500x500 for Twitter headers, 2560x1440 for YouTube channel art, and 300x250 for Google Ads. Banners are designed in HTML/CSS and exported via screenshot at exact pixel dimensions.