skills.rest
aicodepro
aicodeproOFFICIAL
Explore all skills by this author →
GitHub

ckm-design

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

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

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 and marketing visuals—logos, corporate identity mockups, presentation decks, banners, icons, and social media images—normally requires multiple design tools and manual effort; this Skill unifies those tasks into scriptable AI-assisted 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/Pro models. - 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. - HTML-Based Design Workflows: Build Chart.js presentations, banners, and social photos as HTML/CSS, then export exact-size PNGs via headless Chrome or Playwright screenshots. - Use Case: A startup founder needs a full brand package—generate a logo, create business card and signage mockups with that logo, then build a pitch deck, all from one Skill. ## Quick Start Ask the AI to design a minimalist logo for your brand named 'TechFlow' in the tech industry 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 after setting GEMINI_API_KEY. You can first create a design brief with scripts/logo/search.py using the --design-brief flag to pick from 55+ styles and 30 color palettes.

How to create corporate identity mockups with a logo?▼

Use scripts/cip/generate.py with --brand, --logo pointing to your logo file, --deliverable, and --industry. Add --set for a full CIP package or --model pro for 4K text rendering with gemini-3-pro-image-preview.

What banner sizes does the design skill support?▼

It covers social covers (Facebook 820x312, Twitter 1500x500, LinkedIn 1584x396, YouTube 2560x1440), Google Ads formats (300x250, 728x90, 300x600), website heroes, and print sizes 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 text, so no image generation API is needed. It supports 15 styles like outlined, filled, and duotone, plus batch variations and multi-size export.

Why are my exported social photo screenshots missing fonts?▼

Fonts from Google Fonts CDN need time to load before capture. Add a 3-5 second delay using --virtual-time-budget in headless Chrome or waitForTimeout in Playwright, then re-export and visually verify the PNG output.

What are the limitations of this design skill?▼

It does not handle video, animation, motion graphics, or direct social media posting. Print production beyond guidance, and AI photo generation outside the Gemini scripts, require other tools or skills.

Related Skills

Explore More Design & Creative Skills→
oakossoakoss
14

brand-designer

Generate cohesive brand identities with SVG logos, Tailwind color tokens, and typography systems.

Official
Advanced
AbuBakar125-coAbuBakar125-co

banner-design

Generates multi-format banner designs as HTML/CSS and exports them to PNG images.

Community
Intermediate
Luqman-Ud-DinLuqman-Ud-Din

qa-detect-typography-advanced

Detect web font, contrast, glyph, and language attribute defects on web pages.

Community
Intermediate
Sir-chawakornSir-chawakorn
33

screenshot-to-code

Convert UI screenshots and design mockups into HTML, CSS, and React components.

Community
Intermediate