ckm:design

Generate cohesive branding, UI, presentation, and marketing design assets.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/AutomatedMarketer/claude-skills --skill ckm-design-automatedmarketer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/AutomatedMarketer/claude-skills/tree/main/skills/design
Command: npx skills add https://github.com/AutomatedMarketer/claude-skills --skill ckm-design-automatedmarketer

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill removes the friction of producing consistent visual assets across branding, product design, presentations, and marketing materials by giving you one place to generate, guide, and export polished design work.

Core Features & Use Cases

  • Brand and visual identity: Create logos, corporate identity programs, color direction, and brand-ready asset sets for a new company or refresh.
  • Design systems and UI styling: Translate visual direction into tokens, CSS variables, Tailwind/shadcn-friendly styling, and consistent component decisions.
  • Presentation and marketing assets: Build HTML slide decks, social media graphics, banners, and icons with repeatable workflows and platform-specific sizing.
  • Practical example: Use it to produce a startup launch package with a logo, office stationery mockups, a pitch deck, and social images that all share the same visual language.

Quick Start

Use the design skill to create a complete brand package for a modern tech startup, including logo concepts, a corporate identity program, a short presentation deck, and matching social media graphics.

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 with matching social media graphics?

You can create cohesive visual design assets for branding, product interfaces, presentations, and social media graphics using reference-guided workflows. The process relies on Gemini-powered image and SVG generation alongside Python scripts to export production-ready assets with exact sizing.

Can I generate SVG icons and design system tokens for a Tailwind project?

Yes, you can generate SVG icons and translate visual direction into design system tokens, CSS variables, and Tailwind-friendly styling. The Skill creates consistent component decisions and exports production-ready graphics for your interface styling.

Does this design workflow require Python and Google Genai dependencies?

Yes, this design workflow requires Python and the google-genai dependency to power image and SVG generation. It also utilizes the pillow library for image processing, ensuring exact-size export of production-ready visual assets.

What is the best way to build an HTML presentation deck with consistent branding?

The best way to build an HTML presentation deck with consistent branding is using this Skill's reference-guided workflows. It generates HTML slide decks and corporate identity assets that share the same visual language across your marketing materials.

Are there limitations when generating exact-size banner graphics for multiple platforms?

When generating exact-size banner graphics for multiple platforms, the main constraint is configuring the Python scripts and Gemini-powered generation workflows correctly. Users must provide accurate reference guides to ensure the exported marketing visuals maintain visual consistency across varied platform dimensions.