skills.rest
TumeloRamaphosa
TumeloRamaphosaCOMMUNITY
Explore all skills by this author →
GitHub

ckm:design

Generate coordinated brand assets including logos, CIP mockups, HTML slide decks, banners, icons, and social images.

Updated May 7, 2026
Search Tags:#design system#brand identity#logo generation#banner design#corporate identity program#social images#svg icons
One-click install
npx skills add https://github.com/TumeloRamaphosa/StudEx-Valley-OS --skill ckm-design-tumeloramaphosa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/TumeloRamaphosa/StudEx-Valley-OS/tree/main/.claude/skills/ui-ux-pro-max/.claude/skills/design
Command: npx skills add https://github.com/TumeloRamaphosa/StudEx-Valley-OS --skill ckm-design-tumeloramaphosa

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you rapidly create consistent brand and marketing design outputs without manually stitching together logos, tokens, mockups, and social assets.

Core Features & Use Cases

  • Brand identity & corporate deliverables: Produce full Corporate Identity Program (CIP) mockups and HTML presentations for touchpoints like business cards, signage, apparel, and vehicles.
  • Design system-ready styling: Define and apply design tokens and UI styling patterns that keep typography, color, and components consistent.
  • High-volume marketing visuals: Generate banners, SVG icon sets, and multi-platform social photos using HTML/CSS rendered to exact-size screenshots.
  • Built-in generators with guidance: Use integrated workflows for logo generation, CIP mockups, slide decks, banners, icons, and social photo layouts, with references and scripts to steer output.

Quick Start

Use the design skill to generate a complete brand pack for a new SaaS launch by running the unified prompt: "Design a modern tech brand kit for BrandName including a logo, CIP mockups (business card, letterhead, office signage, vehicle, polo shirt), a pitch-deck style HTML presentation, and social images for Instagram post and story."

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 including logos and corporate identity mockups?▼

To generate a brand identity package, you can use guided scripts to create logos, Corporate Identity Program (CIP) mockups, and HTML slide decks. This workflow coordinates brand assets like business cards, signage, and apparel automatically using deterministic generation and reference-backed design rules.

Can I create multi-platform social images and banners rendered to exact pixel dimensions?▼

Yes, you can generate banners and multi-platform social images by rendering HTML and CSS layouts to exact-size screenshots. This ensures your social photos meet precise platform specifications for advertising and corporate touchpoints without manual cropping.

What is the best way to produce SVG icon sets and design system tokens for UI styling?▼

Producing SVG icon sets and design system tokens involves applying integrated UI styling patterns that keep typography and color consistent. The workflow uses built-in generators with guided references to steer component output and maintain visual alignment across your design system.

Do I need a YAML-driven interface to use the logo generation and CIP mockup scripts?▼

Yes, a YAML-driven skill interface is required to access the deterministic scripts for logo and CIP mockup generation. This structured interface routes on-demand subskills and ensures reference-backed workflows function correctly for your corporate identity deliverables.

Does this design tool work with Python dependencies like Pillow for asset generation?▼

The design generation process relies on Python dependencies including Pillow and google-genai to process images and apply AI-driven styling. These libraries handle the underlying visual rendering and asset manipulation required for high-volume marketing visuals.

Why use HTML presentations for pitch decks instead of standard presentation formats?▼

Using HTML presentations for pitch decks allows for seamless integration of design system tokens and UI styling directly within the visual output. This approach ensures your corporate identity program maintains consistent typography and color rendering across all generated marketing touchpoints.

Related Skills

Explore More Design & Creative Skills→
pawbytespawbytes
85

paw-tools-presentation

Convert marketing content into structured McKinsey-style HTML presentations.

Official
Advanced
hathbangerhathbanger

brand-architect

Generate SVG logos, color palettes, and typography from a brand brief.

Community
Intermediate
8b-is8b-is

gemini-imagegen

Generate and edit images via the Gemini API in Python.

Official
Advanced
daffy0208daffy0208
34

brand-designer

Design cohesive brand identities with SVG logos, color palettes, and typography systems.

Community
Intermediate