ckm:design

Coordinate multi-brand design tasks and generate consistent brand assets with HTML presentations.

1|Updated Mar 5, 2026
One-click install
npx skills add https://github.com/Postalocity/template-microsite --skill ckm-design-postalocity
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/Postalocity/template-microsite/tree/main/.opencode/skills/ui-ux-pro-max--design
Command: npx skills add https://github.com/Postalocity/template-microsite --skill ckm-design-postalocity

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Unified, multi-brand design workflows that coordinate brand identity, CIP, UI styling, and presentation assets into a single, reusable skill.

Core Features & Use Cases

  • Brand identity, design tokens, and voice guidelines across multiple brands (Postalocity, Promo, TechSP).
  • CIP design and mockups, including logos, stationery, signage, apparel, and vehicle branding, with HTML presentations.
  • UI styling and tokens integration to drive consistent components and design systems across brands.
  • Outputs: pitches, slides, social photos, and brand assets delivered via built-in scripts and references.
  • Real-world use: generate a complete brand package for a new product line with brand-consistent visuals across channels.

Quick Start

Run a full brand-package workflow for a new brand by generating CIP mockups and a slide deck using the UI-UX Pro Max design skill.

Frequently Asked Questions about ckm:design

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

FAQPage Schema
How do I generate brand identity assets and design tokens for multiple brands?

Generate brand identity assets and design tokens for multiple brands by applying brand-specific configs and knowledge bases. This skill outputs consistent brand guidelines, voice rules, and visual assets across distinct brand scenarios.

What is the best way to create CIP mockups and presentations for a new product line?

Create CIP mockups and presentations for a new product line by running the built-in full brand-package workflow. It generates logos, stationery, signage, and vehicle branding, delivering the results as HTML presentations.

Can I use this skill to coordinate UI styling across different brand design systems?

Yes, you can coordinate UI styling across different brand design systems. The skill integrates UI tokens to drive consistent component styling and visual systems across all configured brand identities.

Does this design workflow support generating social photos and slide decks?

This design workflow supports generating social photos and slide decks. It leverages built-in scripts and references to produce brand-consistent pitches, slides, and social media assets for your campaigns.

How do I ensure visual consistency when designing assets across separate brands?

Ensure visual consistency across separate brands by utilizing the skill's brand configs and design tokens. These elements enforce strict brand guidelines, generating unified outputs across all CIP and UI assets.

Do I need built-in scripts and references to output brand packages as HTML presentations?

You need the built-in scripts and references to output brand packages as HTML presentations. They provide the structured templates and processing logic required to render CIP mockups and slide decks correctly.