ckm:design

Coordinate end-to-end design workflows across brand identity, CIP, tokens, slides, icons, and social assets.

1|1|Updated Apr 19, 2026
One-click install
npx skills add https://github.com/RamonsDka/the-architect-overlay --skill ckm-design-ramonsdka
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/RamonsDka/the-architect-overlay/tree/main/skills/design
Command: npx skills add https://github.com/RamonsDka/the-architect-overlay --skill ckm-design-ramonsdka

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Coordinating multi-disciplinary design work across branding, design systems, UI styling, corporate identity programs, presentations, banners, icons, and social visuals is complex and error-prone without a centralized workflow.

Core Features & Use Cases

  • Brand identity and design tokens orchestration: consolidates colors, typography, voice, tokens, and asset governance with guided scripts and references.
  • CIP design and asset generation: generates CIP briefs, mockups with Gemini integration, and HTML presentations from CIP assets.
  • Presentation and visual assets pipeline: builds slides, banners, icons, SVG assets, and social photos, all linked to brand guidelines.
  • Cross-skill orchestration: routes tasks across scripts, references, and assets directories to ensure consistency and reusability.
  • Example: a product team delivers a complete brand package including logo, CIP mocks, a pitch deck, and social visuals in a single run.

Quick Start

Run the ckm:design skill with your brand name and optional style, industry, deliverables, and output preferences to generate CIP mockups, design tokens, slides, and brand assets.

Frequently Asked Questions about ckm:design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate brand identity and design token generation for cross-functional teams?

Automating brand identity and design token generation is handled by coordinating inputs across brand guidelines, invoking scripts, and aggregating outputs into ready-to-use deliverables. It consolidates colors, typography, voice, and token governance into a unified workflow.

What is the best way to generate CIP mockups and HTML presentations from branding assets?

Generating CIP mockups and HTML presentations is achieved through a coordinated design workflow that creates CIP briefs, integrates Gemini for mockups, and builds linked presentations. This ensures all outputs align with established corporate identity program guidelines.

Can I build a presentation and social asset pipeline that links back to my design tokens?

You can build a presentation and visual assets pipeline that generates slides, banners, icons, SVG assets, and social photos. All generated assets are linked directly to your brand guidelines and design tokens to ensure visual consistency.

Do I need Python and Pillow to run automated design workflows for slides and icons?

Python and Pillow are required dependencies for this automated design workflow, alongside Google Genai integration. These libraries support the execution of internal scripts that process and generate visual assets, mockups, and design tokens.

How do I create a complete brand package including logos, pitch decks, and social visuals in a single run?

Creating a complete brand package in a single run requires providing your brand name, style, industry, and deliverable preferences. The workflow then routes tasks across scripts and references directories to output tokens, CIP mocks, slides, and assets.

When should I not use an automated design workflow for corporate identity programs?

You should avoid automated design workflows for corporate identity programs if your project requires highly bespoke, non-standardized asset governance outside of predefined token structures. The system relies on script coordination and reference aggregation, which may limit arbitrary freeform styling.