skills.rest
nam3886
nam3886COMMUNITY
Explore all skills by this author →
GitHub

ckm:design

Generate brand identity assets including logos, HTML slides, banners, and SVG icons.

Updated Aug 27, 2026
Search Tags:#slides#ai-generation#brand-identity#logo-design#cip#social-photos#svg-icons
One-click install
npx skills add https://github.com/nam3886/golang-echo-boilerplate --skill ckm-design-nam3886
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/nam3886/golang-echo-boilerplate/tree/main/.claude/skills/design
Command: npx skills add https://github.com/nam3886/golang-echo-boilerplate --skill ckm-design-nam3886

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Many teams struggle to produce consistent, on-brand visual assets across marketing and product channels because logo creation, corporate identity packages, slide decks, banners, icons, and social images are handled as separate workflows requiring different tools and manual coordination. This Skill consolidates those outputs into a single, repeatable workflow that generates briefs, AI-driven visuals, HTML renderings, and exportable assets so teams can move from brief to polished deliverables faster.

Core Features & Use Cases

  • Logo generation: AI-driven logo briefs and batch variants for industry-appropriate styles and palettes.
  • Corporate Identity Program (CIP): Produce mockups for stationery, apparel, vehicle branding, and event assets with presentation-ready HTML.
  • Slides & Presentations: Create responsive HTML slide decks with Chart.js integrations and design-token support.
  • Banners & Social Photos: Build platform-specific banners and multi-size social images via HTML/CSS → screenshot pipelines.
  • SVG Icon Generation: Text-to-SVG icon generation and batch exports optimized for multiple sizes and styles.
  • Use Case: Turn a single brand brief into a logo, CIP mockups, a 10-slide investor deck, responsive banners, and a set of SVG icons ready for production.

Quick Start

Design a modern tech startup brand named TechFlow with a minimalist logo, a full CIP mockup set, a 10-slide investor deck, responsive social banners for Instagram and LinkedIn, and a 15-icon SVG set.

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 complete brand identity and corporate identity program from a single brief?▼

Generate HTML slide presentations by rendering responsive decks with Chart.js integrations and design-token support. You provide the slide content and branding parameters, and the pipeline exports HTML files that can be screenshotted into presentation-ready images for investor pitches.

Can I automatically generate and export SVG icon sets from text prompts?▼

Create platform-specific banners and multi-size social images through an HTML/CSS to screenshot pipeline. You define the platform requirements like Instagram and LinkedIn dimensions, and the workflow renders and exports responsive social photos automatically.

Do I need a Gemini API key to use this AI-driven design generation workflow?▼

Consolidating logo creation, slide decks, and social images into a single HTML/CSS rendering and AI-generation pipeline eliminates manual coordination across separate workflows. This approach turns a single brand brief into a cohesive, on-brand visual asset set faster than using isolated design tools.

What is the best way to create responsive HTML slide decks with Chart.js integrations for investor presentations?▼

Generate HTML slide presentations by rendering responsive decks with Chart.js integrations and design-token support. You provide the slide content and branding parameters, and the pipeline exports HTML files that can be screenshotted into presentation-ready images for investor pitches.

Does this design workflow require a Gemini API key and Pillow for image handling?▼

A GEMINI_API_KEY is required to run the command-line scripts that drive the AI image and SVG generation. You also need the Pillow library installed for image handling and screenshot export processing within the design pipeline.

Related Skills

Explore More Design & Creative Skills→
sky770825sky770825

nano-banana-pro

Generate and edit images with the Gemini 3 Pro Image model via Python.

Community
Intermediate
ailabs-393ailabs-393
438

brand-analyzer

Analyze brand identity, messaging, and assets against established guidelines.

Community
Basic
HerxinsasaHerxinsasa
1

ckm:slides

Creates strategic HTML presentations with integrated Chart.js data visualization and responsive design tokens.

Community
Intermediate
klarbauklarbau
7

ckm:design

Generate brand identity assets, logos, presentations, banners, icons, and SVG outputs.

Community
Advanced