# Ckm

> Brand, design system, slide, banner, and UI styling work for the CKM visual language. Use when building or refining identity, presentation, marketing, or product UI assets under the CKM family.

- Skill: `s3yed/ckm` (Agent Skill)
- Install (CLI): `npx skillmds@latest add s3yed/ckm`
- Raw SKILL.md: https://api.skillmd.com/api/skills/s3yed/ckm/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- License: MIT
- Author: S3YED (https://skillmd.com/u/s3yed)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/s3yed/ckm

---


# CKM Visual System

## Overview
Use this umbrella for CKM-flavored visual work: brand direction, design systems, presentation decks, banners, and UI styling. Prefer a single coherent visual language over one-off asset-specific rules.

## Core Modes
- **Brand:** voice, identity, palettes, logo-adjacent cues, and usage rules.
- **Design system:** tokens, spacing, typography, components, and reusable patterns.
- **Slides:** narrative decks, strategic layouts, charts, and presentation polish.
- **Banner design:** social headers, campaign graphics, and hero imagery.
- **UI styling:** product interfaces, page sections, and component-level aesthetics.

## Workflow
1. Determine the asset type and audience.
2. Pick one visual direction and keep it consistent.
3. Reuse shared tokens, typography, and composition rules across outputs.
4. Check contrast, hierarchy, and safe zones before finalizing.

## Pitfalls
- Don’t split brand, slide, and UI work into separate mental models when they share the same system.
- Don’t default to generic layouts or typography.
- Don’t let banners, decks, and product UI drift stylistically.