ckm:design

Consolidate brand identity, design tokens, and UI styling into reusable design assets.

4|2|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/hiimtrung/coder --skill ckm-design-hiimtrung
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/hiimtrung/coder/tree/main/.agents/skills/design
Command: npx skills add https://github.com/hiimtrung/coder --skill ckm-design-hiimtrung

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Unified design teams often struggle with inconsistent brand language, scattered design tokens, and isolated deliverables across branding, UI, and CIP programs. CKM:design centralizes this knowledge into a single, reusable skill that guides brand identity, design tokens, UI styling, CIP mockups, HTML presentations, banner design, icon design, and social visuals.

Core Features & Use Cases

  • Centralized knowledge for brand identity, design tokens, UI styling, CIP deliverables, HTML presentations, banner design, icon design, and social photos.
  • Built-in governance through frontmatter metadata and loaded references/scripts to guide context and tooling.
  • Use cases include generating CIP mockups from a brand brief, rendering HTML slides, designing banners and icons, and exporting social visuals for multi-platform campaigns.

Quick Start

Describe your brand brief to the AI and request an initial design package draft.

Frequently Asked Questions about ckm:design

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

FAQPage Schema
How do I consolidate brand identity and design tokens into a single reusable system?

To consolidate brand identity and design tokens, this skill centralizes brand language, UI styling, and CIP deliverables into a unified framework. You provide a brand brief to generate a structured, reusable design package.

What is the best way to generate CIP mockups from a brand brief?

Generating CIP mockups from a brand brief involves loading contextual references and scripts to render visual deliverables. This skill uses your brief to produce consistent CIP mockups, banners, and social graphics across campaigns.

Can I use Python with Pillow to render HTML presentations and social visuals?

Yes, you can use Python with Pillow to render HTML presentations and social visuals. The skill leverages these dependencies to generate visual assets and export graphics for multi-platform campaigns.

Does this design system skill support logo design and icon creation workflows?

Yes, this design system skill supports logo design and icon creation workflows. It applies centralized governance and loaded references to guide end-to-end branding projects from logo creation to UI styling.

Why does my team have inconsistent brand language across UI and CIP programs?

Inconsistent brand language across UI and CIP programs often stems from scattered design tokens and isolated deliverables. This skill solves the problem by centralizing knowledge into a single, reusable workflow.