skills.rest
kileroppo
kileroppoCOMMUNITY
Explore all skills by this author →
GitHub

ckm:design

Generate cohesive brand visuals including logos, mockups, slides, banners, icons, and social photos.

Updated Aug 23, 2026
Search Tags:#design system#brand identity#logo generation#corporate identity program#marketing banners#social images#svg icons
One-click install
npx skills add https://github.com/kileroppo/AI-Coding-Guidance-Skills --skill ckm-design-kileroppo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/kileroppo/AI-Coding-Guidance-Skills/tree/main/skills/design
Command: npx skills add https://github.com/kileroppo/AI-Coding-Guidance-Skills --skill ckm-design-kileroppo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill eliminates the slow, fragmented process of creating brand-consistent visuals by orchestrating end-to-end design generation across identity, UI styling, deliverables, and multi-platform social assets.

Core Features & Use Cases

  • Unified brand design output: Produces a cohesive set of brand visuals including logos, design-system tokens/specs, UI styling guidance, corporate identity program deliverables, slides, banners, icon sets, and social photos.
  • Sub-skill routing for accuracy: Routes tasks to specialized built-in workflows (logo, CIP, slides, banner, icons, social photos) while leveraging external sub-skills for brand context, token architecture, and UI implementation.
  • Platform-ready exports: Generates HTML-based presentations and banner/social photo layouts designed for specific pixel dimensions, using HTML/CSS → screenshot workflows for consistent visual results.
  • Use case: Generate a full “launch kit” for a new SaaS brand—logo variants, a complete CIP presentation with mockups, a pitch-deck-style HTML slide deck with chart-ready layouts, social banners, and social images across major platforms.

Quick Start

Use the ckm:design skill to create a branded design package by running: design-type "brand kit" for a "tech startup" including logo, corporate identity mockups, pitch slides, banners, icons, and social photos.

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 package from a single request?▼

You can generate a complete brand identity package by using a single design request that triggers sub-skill routing to produce logos, corporate identity mockups, slides, banners, icons, and social photos. This ensures cohesive brand visuals across all assets.

Can I export social media banners in specific pixel dimensions?▼

Yes, you can export social media banners in specific pixel dimensions. The skill generates HTML and CSS layouts designed for exact platform requirements, using a screenshot export workflow to ensure pixel-accurate visual results for social and marketing content.

What is the best way to create design system tokens and UI styling guides?▼

Creating design system tokens and UI styling guides is best achieved through a deterministic generation workflow that leverages built-in design references and scripts. This approach ensures consistent brand styling and accurate token architecture.

Does this tool require YAML configuration for routing design tasks?▼

Yes, this tool requires YAML-defined skill routing to accurately direct design tasks to specialized built-in workflows. This configuration enables the system to generate specific assets like logos, banners, and social photos based on your design request.

Can I produce a full launch kit for a SaaS brand including pitch slides?▼

Yes, you can produce a full launch kit for a SaaS brand including pitch slides. The skill generates HTML-based presentations with chart-ready layouts, logo variants, corporate identity program deliverables, and social images across major platforms.

What formats do the generated SVG icons and marketing banners use?▼

The generated SVG icons and marketing banners use HTML and CSS formats, which are then processed through a screenshot export workflow. This ensures your multi-platform marketing content and icon sets maintain consistent visual styling.

Related Skills

Explore More Design & Creative Skills→
vobasevobase
59

teach-impeccable

Scan project files and write design context to CLAUDE.md.

Official
Intermediate
YeomanYeYeomanYe

web-image

Generate fixed-size PNG images from HTML/CSS layouts.

Community
Intermediate
docaohieu2808docaohieu2808

design

Orchestrate design tasks across brand identity, design tokens, and UI styling.

Community
Advanced
bykoleksii-hardobykoleksii-hardo

ckm:design

Generate logos and design corporate identity programs with design tools.

Community
Advanced