skills.rest
prabaljainn
prabaljainnCOMMUNITY
Explore all skills by this author →
𝕏@prabaljainnGitHub

ckm:design

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

Updated Aug 17, 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/prabaljainn/my-claude-code-setup --skill ckm-design-prabaljainn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/prabaljainn/my-claude-code-setup/tree/main/claude/skills/design
Command: npx skills add https://github.com/prabaljainn/my-claude-code-setup --skill ckm-design-prabaljainn

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: Generate logos across 55+ styles and corporate identity mockups across 50+ deliverables using Gemini image models, with BM25 search over style, color, and industry guides. - SVG Icon Generation: Produce SVG icons in 15 styles with batch variations and multi-size export via Gemini 3.1 Pro text output. - HTML-Based Visual Design: 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 complete brand package — generate a logo, create business card and signage mockups with that logo, then render an HTML pitch deck, all from one skill. ## Quick Start Ask the AI to design a minimalist logo for your brand and generate matching business card mockups 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 generate a design brief with search.py to pick styles, colors, and industry guidance.

How to create corporate identity mockups with 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 icon styles does the SVG icon generator support?▼

The icon generator supports 15 styles including outlined, filled, duotone, rounded, sharp, flat, gradient, glassmorphism, pixel, and hand-drawn. It uses gemini-3.1-pro-preview, which outputs SVG as text, so no image generation API is needed.

What setup is required before running the design scripts?▼

Set the GEMINI_API_KEY environment variable with a key from Google AI Studio and install the google-genai and pillow Python packages via pip. Without the API key, the logo, CIP, and icon generation scripts cannot call Gemini models.

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

Designs are built as HTML files sized to each platform (e.g., 1080x1080 Instagram post), then captured with headless Chrome, chrome-devtools, or Playwright screenshots. A 3-5 second delay ensures fonts and images fully render before capture.

What are the limitations of AI-generated logos and mockups?▼

Gemini image models can struggle with rendering accurate text and may produce inconsistent results across variations. The skill recommends white backgrounds for logos, fixing scripts directly when they fail, and verifying exported designs visually before delivery.

Related Skills

Explore More Design & Creative Skills→
dmedina-devdmedina-dev
1

ckm:design

Generate brand identity assets including logos, design tokens, and corporate deliverables.

Community
Advanced
nextlevelbuildernextlevelbuilder
123.5k

design

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

Official
Advanced
PostalocityPostalocity
1

ckm:ui-styling

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

Official
Advanced
CoRLab-TechCoRLab-Tech

figma-illustration-import

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

Official
Intermediate