skills.rest
timikalo7
timikalo7COMMUNITY
Explore all skills by this author →
GitHub

ckm:design

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

Updated Jun 9, 2026
Search Tags:#brand identity#logo design#gemini#social media images#mockup generation#html slides#svg icons
One-click install
npx skills add https://github.com/timikalo7/Execute --skill ckm-design-timikalo7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/timikalo7/Execute/tree/main/.claude/skill-library/design
Command: npx skills add https://github.com/timikalo7/Execute --skill ckm-design-timikalo7

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Creating brand assets like 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 AI-driven generation 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 Visuals: Build Chart.js presentations, banners, and social photos as HTML/CSS, then export exact-size PNGs via Chrome headless or Playwright screenshots. - Use Case: Ask for a complete brand package for a startup and get a generated logo, business card and signage mockups, plus a pitch deck presentation. ## Quick Start Ask the agent to design a minimalist logo and business card mockup for your brand name 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 search 55+ styles and 30 color palettes with scripts/logo/search.py to build a design brief.

How to create corporate identity mockups from 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 Python packages does the design skill require?▼

The scripts require google-genai and pillow, installed via pip. You also need a GEMINI_API_KEY environment variable from Google AI Studio for logo, CIP, and icon generation.

Can I generate SVG icons without an image generation API?▼

Yes, icon generation uses gemini-3.1-pro-preview which outputs SVG as XML text, so no image generation API is needed. Use scripts/icon/generate.py with --prompt, --style, and optional --batch or --sizes flags.

How are social media images exported at exact platform sizes?▼

Designs are built as HTML/CSS files sized to each platform, then captured via Chrome headless with --window-size and --virtual-time-budget flags, or via Playwright/Puppeteer with deviceScaleFactor 2 for retina output.

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

Gemini image models often distort or misspell text in logos, so the guidance recommends generating the mark separately from typography. Always request a plain white background and vector-style output for usable results.

Related Skills

Explore More Design & Creative Skills→
docaohieu2808docaohieu2808

brand-guidelines

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

Community
Advanced
OpenLaborOpenLabor
4

Design Social Post

Generate branded social post PNGs with platform safe zones.

Official
Basic
baasith6baasith6

dark-mode-testing

Toggle Cursor browser themes and capture screenshots to detect contrast issues.

Community
Intermediate
CoRLab-TechCoRLab-Tech

figma-illustration-import

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

Official
Intermediate