ckm:design

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

1|Updated Feb 24, 2026
One-click install
npx skills add https://github.com/masermediagroup-stack/maser-media --skill ckm-design-masermediagroup-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/masermediagroup-stack/maser-media/tree/main/.cursor/skills/community/ui-ux-pro-max-skill/.claude/skills/design
Command: npx skills add https://github.com/masermediagroup-stack/maser-media --skill ckm-design-masermediagroup-stack

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, 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 - Logo & CIP Generation: Generate logos in 55+ styles and corporate identity mockups (business cards, letterheads, signage, vehicles) with Gemini Flash/Pro models, plus BM25-based search over style, color, and industry guides. - Icons, Banners & Social Photos: Generate SVG icons via Gemini 3.1 Pro, design banners across 22 art direction styles with platform-exact sizes, and produce social images via HTML/CSS rendered to screenshots. - HTML Presentations: Build strategic slide decks with Chart.js visualizations, layout patterns, and copywriting formulas (AIDA, PAS, FAB). - Use Case: A startup founder needs a full brand package—generate a logo, produce a complete CIP mockup set with that logo, then render an HTML pitch deck, all from one skill. ## Quick Start Ask the AI to generate a minimalist logo for your brand and then create a matching business card mockup 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 your brand name, a style such as minimalist or vintage, and an industry flag. The script uses Gemini image models and outputs logo images on a white background.

How do I create corporate identity mockups like business cards?▼

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

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

Yes. The icon generator uses gemini-3.1-pro-preview, which outputs SVG as text, so no image generation API is needed. It supports 15 styles, batch variations, and multi-size export at 16, 24, 32, and 48 pixels.

What banner and social media sizes are supported?▼

References cover Facebook covers, Twitter headers, LinkedIn banners, YouTube channel art, Instagram posts and stories, Pinterest pins, Google Ads formats, website heroes, and print sizes. Social photos are exported via HTML screenshots at exact pixel dimensions.

What setup is required before running the generation scripts?▼

Set the GEMINI_API_KEY environment variable with a key from Google AI Studio and install the google-genai and pillow Python packages. Without the API key, logo, CIP, and icon generation scripts will not run.

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

AI models struggle with rendering accurate text, so brand marks should be generated separately from wordmarks. Outputs are raster mockups rather than production vector files, and results may require iteration on prompts and styles.