Agent skill · design visual · aiskillstore
ckm-design
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.
Why this skill is useful
Adds multiple executable scripts for logo and CIP generation that provide capabilities beyond standard design knowledge.
What it needs
Requires python3 installed locally. About 6k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Design Unified design skill: brand, tokens, UI, logo, CIP, slides, banners, social photos, icons. When to Use Brand identity, voice, assets Design system tokens and specs UI styling with shadcn/ui + Tailwind Logo design and AI generation Corporate identity program (CIP) deliverables Presentations and pitch decks Banner design for social media, ads, web, print Social photos for Instagram, Facebook, LinkedIn, Twitter, Pinterest, TikTok Sub-skill Routing Task Sub-skill Details ------ ----------- --------- Brand identity, voice, assets brand External skill Tokens, specs, CSS vars design-system External skill shadcn/ui, Tailwind, code ui-styling External skill Logo creation, AI generation Logo (built-in) references/logo-design.md CIP mockups, deliverables CIP (built-in) references/cip-design.md Presentations, pitch decks Slides (built-in) references/slides.md Banners, covers, headers Banner (built-in) references/banner-sizes-and-styles.md Social media images/photos Social Photos (built-in) references/social-photos-design.md SVG icons, icon sets Icon (built-in) references/icon-design.md Logo Design (Built-in) 55+ styles, 30 color palettes, 25 industry guides. Gemini Nano Banana models. Logo: Generate Design Brief Logo: Search Styles/Colors/Industries Logo: Generate with AI ALWAYS generate output logo images with white background. IMPORTANT: When scripts fail, try to fix them directly. After generation, ALWAYS ask user about HTML preview via AskUserQuestion. If yes, invoke /ui-ux-pro-max for gallery. CIP Design (Built-in) 50+ deliverables, 20 styles, 20 industries. Gemini Nano Banana (Flash/Pro). CIP: Generate Brief CIP: Search Domains CIP: Generate Mockups Models: flash (default, gemini-2.5-flash-image), pro (gemini-3-pro-image-preview) CIP: Render HTML Presentation Tip: If no logo exists, use Logo Design section above first. Slides (Built-in) Strategic HTML presentations with Chart.js, design tokens, copywriting formulas. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/ckm-design