skills.rest
hontauadrian
hontauadrianCOMMUNITY
Explore all skills by this author →
GitHub

ckm:design

Generates logos, CIP mockups, SVG icons, banners, slides, and social images via Gemini APIs.

Updated Apr 7, 2026
Search Tags:#brand identity#logo design#gemini#banner design#html slides#svg icons#cip mockups
One-click install
npx skills add https://github.com/hontauadrian/sfx-app-empty-test --skill ckm-design-hontauadrian
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/hontauadrian/sfx-app-empty-test/tree/main/.overstory/claude-profiles/reviewer/skills/design
Command: npx skills add https://github.com/hontauadrian/sfx-app-empty-test --skill ckm-design-hontauadrian

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Producing brand identity assets—logos, corporate identity mockups, icons, banners, presentations, and social media images—normally requires multiple design tools and manual effort; this Skill unifies them into one routed workflow with AI generation scripts and reference guides. ## Core Features & Use Cases - AI Logo & CIP Generation: Search 55+ logo styles and 50+ CIP deliverables via BM25 search scripts, then generate mockups with Gemini Flash/Pro models. - SVG Icon Generation: Create icons in 15 styles and 12 categories using Gemini 3.1 Pro with batch and multi-size export options. - HTML-Based Visual Design: Build slides with Chart.js, banners, and social photos as HTML/CSS, then export exact-size PNGs via Chrome headless or Playwright. - Use Case: A startup founder needs a complete brand package—generate a logo, produce business card and signage mockups with that logo, then build an investor pitch deck, all from one skill. ## Quick Start Ask the design skill to generate a minimalist logo for your brand and then create a full set of corporate identity mockups from it.

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 generate a design brief with scripts/logo/search.py using the --design-brief flag.

How to create corporate identity mockups from an existing logo?▼

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

What Python dependencies does the design skill require?▼

The scripts require the google-genai and pillow packages, installed via pip install google-genai pillow. You also need to set the GEMINI_API_KEY environment variable with a key from Google AI Studio.

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. Run scripts/icon/generate.py with --prompt and --style, with options for batch variations and multi-size export.

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

Designs are built as HTML files with exact pixel dimensions, then captured via Chrome headless with --window-size and --virtual-time-budget flags, or via Playwright/Puppeteer with deviceScaleFactor 2 for retina output.

What should I do when the generation scripts fail?▼

The skill instructs to fix failing scripts directly rather than abandoning the task. Common issues include a missing GEMINI_API_KEY environment variable or uninstalled google-genai and pillow packages.

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
pjcaupjcau
2

render

Render Docker-driven KiCad schematics, PCB visualizations, and OpenSCAD enclosure images.

Community
Intermediate
PostalocityPostalocity
1

ckm:ui-styling

Integrate shadcn/ui with Tailwind CSS to enforce design tokens and CSS variable theming.

Official
Advanced
iJosueehiJosueeh

design-maker

Generate design mockups, components, and state variants from Product-Spec and Design-Brief documents via a design tool MCP.

Community
Advanced