Skills ckm:design
📦

ckm:design

Medium Risk ⚙️ External commands📁 Filesystem access🔑 Env variables🌐 Network access

Design logos, brand identities, and social media visuals with AI

Creating professional designs usually requires hiring a designer or learning complex software. This skill generates logos, brand identity documents, social media images, banners, icons, and presentations directly from your descriptions using AI.

Supports: Claude Codex Code(CC)
⚠️ 68 Poor
1

Download the skill ZIP

2

Upload in Claude

Go to Settings → Capabilities → Skills → Upload skill

3

Toggle on and start using

Test it

Using "ckm:design". Design a minimalist logo for a coffee shop called Bean and Brew with warm brown colors.

Expected outcome:

Created a logo package with three variations: a horizontal wordmark logo, a vertical stacked version, and a circular icon-only badge. The color palette uses warm brown (#6B3A2A) and cream (#D4A574) with a clean sans-serif font pairing.

Using "ckm:design". Create social media images for a summer sale campaign across Instagram and Facebook.

Expected outcome:

  • Generated 2 Instagram square posts (1080x1080px) with summer beach background gradients, sale text overlays, and a call-to-action button
  • Created 2 Facebook feed images (1200x630px) with matching branding, product highlights, and promotional discount banners

Using "ckm:design". Build a 5-slide HTML presentation about Q2 sales growth for a tech startup.

Expected outcome:

Produced an interactive HTML slide deck with a gradient title slide, agenda overview, two Chart.js bar chart slides showing quarterly growth, and a closing slide with bullet-point key metrics and next steps.

Security Audit

Medium Risk
v1 • 5/27/2026

All 1099 static findings are false positives. The 'Weak cryptographic algorithm' findings reference algorithm names in CSV data files containing design metadata, not actual cryptographic operations. 'Ruby/shell backtick execution' findings are CLI examples in Markdown code blocks. The skill legitimately requires env_access (Gemini API key), network calls (Gemini API), filesystem writes (design output), and external commands (image processing), all documented and expected for an AI design generation tool. No malicious intent or credential exfiltration detected. Published with medium risk warning due to elevated capabilities.

35
Files scanned
5,279
Lines analyzed
5
findings
1
Total audits

Critical Issues (1)

Heuristic: Code Execution + Network + Credential Access Combined
Static analyzer flagged DANGEROUS COMBINATION of code execution, network, and credential access across multiple files. DISMISSED: The combination is the legitimate function of an AI-powered design generation tool. API keys (GEMINI_API_KEY) are read from environment variables, network calls go to the Google Gemini API for AI generation, code execution runs design generation scripts, and filesystem writes produce output files. All capabilities are documented and expected.

Risk Factors

⚙️ External commands (44)
references/banner-sizes-and-styles.md:114 references/banner-sizes-and-styles.md:115 references/banner-sizes-and-styles.md:116 references/banner-sizes-and-styles.md:117 references/banner-sizes-and-styles.md:118 references/cip-design.md:9-12 references/cip-design.md:18-20 references/cip-design.md:24-36 references/cip-design.md:36-40 references/cip-design.md:40-55 references/cip-design.md:55-59 references/cip-design.md:59-66 references/cip-design.md:66-67 references/cip-design.md:104-118 references/cip-prompt-engineering.md:5-7 references/cip-prompt-engineering.md:12-14 references/cip-prompt-engineering.md:17-19 references/cip-prompt-engineering.md:22-24 references/cip-prompt-engineering.md:27-29 references/cip-prompt-engineering.md:32-34 references/cip-prompt-engineering.md:39-41 references/cip-prompt-engineering.md:44-46 references/cip-prompt-engineering.md:49-51 references/cip-prompt-engineering.md:54-56 references/cip-prompt-engineering.md:60-63 references/cip-prompt-engineering.md:67-71 references/cip-prompt-engineering.md:76-82 references/design-routing.md:117-178 references/icon-design.md:9-55 references/icon-design.md:96-101 references/icon-design.md:111-119 references/logo-design.md:9-43 references/logo-design.md:76-89 references/logo-prompt-engineering.md:5-150 references/slides-copywriting-formulas.md:67-73 references/slides-create.md:1 references/slides-html-template.md:7-295 references/slides-layout-patterns.md:9-137 references/slides-strategies.md:68-83 references/slides.md:7-42 references/social-photos-design.md:3-329 scripts/icon/generate.py:110-140 SKILL.md:30-38 SKILL.md:46-297
📁 Filesystem access (9)
🔑 Env variables (13)
🌐 Network access (4)

Detected Patterns

Environment Variable Access for API Keys.env File Loading from Home DirectoryShell Command Execution in Python ScriptsWeak Cryptographic Algorithm References in CSV DataC2 Keywords in Industry/Style CSV DataRuby Shell Backtick Execution in Reference Markdown
Audited by: claude

Quality Score

68
Architecture
100
Maintainability
87
Content
43
Community
45
Security
74
Spec Compliance

What You Can Build

Startup Brand Launch

Create a full brand identity including logo, color palette, brand guidelines, and mockup deliverables for a new business launch.

Social Media Campaign Graphics

Generate platform-optimized social media images and banners for marketing campaigns across multiple social networks.

Data-Driven Presentation Slides

Build professional HTML slide decks with Chart.js data visualizations, custom layouts, and copywriting formulas for business pitches.

Try These Prompts

Simple Logo Request
Design a logo for my {business_type} called {company_name}. Use {color_preference} colors and a {style} design style. Provide the result as SVG with color palette information.
Full Brand Identity Package
Create a complete corporate identity program for {company_name} in the {industry} industry. Include logo variations, color palette, typography guidelines, business card design, letterhead, and social media profile templates.
Multi-Platform Social Graphics
Design social media images for {campaign_name}. Create versions for Instagram (1080x1080), LinkedIn (1200x627), Facebook (1200x630), Twitter (1200x675), and YouTube banner (2560x1440) with consistent branding.
Data Presentation with Charts
Build an HTML slide deck about {topic}. Include a title slide with {title_text}, {N} content slides with Chart.js bar and line chart visualizations showing {data_description}, and a summary closing slide with key takeaways.

Best Practices

  • Provide specific style preferences such as colors, industry, mood, and design references for better generation results.
  • Use clear, descriptive prompts with exact dimensions and format requirements when requesting social images or banners.
  • Review AI-generated output and provide feedback or refinement requests to iterate toward the desired result.

Avoid

  • Do not request designs without providing any style context, color preferences, or industry information.
  • Do not use the skill for creating copyrighted or trademarked material without proper authorization and rights.
  • Do not expect pixel-perfect output on the first attempt without providing reference examples or detailed specifications.

Frequently Asked Questions

Do I need an API key to use this skill?
Yes, you need a Gemini API key. Set it as the GEMINI_API_KEY or GOOGLE_API_KEY environment variable before using the skill.
What file formats does this skill produce?
The skill generates SVG icons and logos, HTML slides with Chart.js, PNG image screenshots, and mockup images in standard web formats.
Can I use generated designs for commercial projects?
Yes, generated designs can be used for commercial projects. Review the Gemini API terms of service for specific usage rights and limitations.
How many logo styles are available?
The skill supports over 55 logo styles across different industries and design approaches, including minimalist, vintage, modern, and geometric styles.
Does this replace professional design software?
No. This is an AI-assisted design tool best for rapid prototyping, ideation, and creating assets for small to medium projects. Professional software is needed for advanced editing.
Can I edit the designs after generation?
SVG and HTML outputs can be edited with standard tools. PNG images may need raster editing software for modifications after generation.