ckm:design

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

2|Updated Aug 15, 2025
One-click install
npx skills add https://github.com/Grupo-6-ADS-B/FittNutri --skill ckm-design-grupo-6-ads-b
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/Grupo-6-ADS-B/FittNutri/tree/main/.claude/skills/design
Command: npx skills add https://github.com/Grupo-6-ADS-B/FittNutri --skill ckm-design-grupo-6-ads-b

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 scripts. ## Core Features & Use Cases - AI Logo & Icon Generation: Generate logos across 55+ styles and SVG icons in 15 styles using Gemini models, with BM25 search over style, color, and industry guides. - Corporate Identity Program (CIP): Produce 50+ deliverable mockups (business cards, letterheads, signage, vehicles) and render them into a single-file HTML presentation. - Banners, Slides & Social Photos: Design platform-sized banners and social images via HTML/CSS with screenshot export, and build Chart.js-powered HTML pitch decks. - Use Case: A startup founder needs a full brand package—generate a logo, create CIP mockups with that logo, then build an investor pitch deck, all from one skill. ## Quick Start Ask the AI to design a minimalist logo for your brand named TechFlow using the design skill.

Frequently Asked Questions about ckm: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, --style, and --industry flags, for example --brand "TechFlow" --style minimalist --industry tech. You can first create a design brief with scripts/logo/search.py using the --design-brief flag.

How to create corporate identity mockups with a logo?

Use scripts/cip/generate.py with --brand, --logo pointing to your logo file, --deliverable such as "business card", and --industry. Add --set to generate a full CIP set or --model pro for 4K text rendering.

What API key and packages does the design skill require?

It requires a GEMINI_API_KEY environment variable from Google AI Studio and the google-genai and pillow Python packages installed via pip. Icon generation only needs google-genai since SVG output is text-based.

Can I generate SVG icons in multiple sizes and styles?

Yes, scripts/icon/generate.py supports 15 styles like outlined, filled, and duotone, plus --batch for variations and --sizes "16,24,32,48" for multi-size export. It uses the gemini-3.1-pro-preview model with text-only SVG output.

What banner and social media sizes are supported?

References cover Facebook covers (820x312), YouTube channel art (2560x1440), Instagram posts and stories (1080x1080, 1080x1920), Google Ads formats like 300x250, LinkedIn, Pinterest, TikTok, and print specs at 300 DPI with CMYK.

Why did the logo or CIP generation script fail?

Failures usually come from a missing or invalid GEMINI_API_KEY, absent google-genai or pillow packages, or missing CSV data files for the BM25 search. The skill instructs fixing scripts directly when errors occur.