skills.rest
AlexDevFlow
AlexDevFlowCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ckm:design

Unifies brand identity, UI token, and presentation design workflows.

Updated Aug 27, 2026
Search Tags:#design#branding#assets#tokens#logo#cip
One-click install
npx skills add https://github.com/AlexDevFlow/Claude10XD --skill ckm-design-alexdevflow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/AlexDevFlow/Claude10XD/tree/main/skills/ui/design
Command: npx skills add https://github.com/AlexDevFlow/Claude10XD --skill ckm-design-alexdevflow

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Brand identity, UI design tokens, and CIP asset orchestration are often scattered across tools and teams. This Skill consolidates brand, design-system, and presentation workflows into a single, reusable capability, enabling faster delivery and consistent output.

Core Features & Use Cases

  • Brand identity and voice definition, logo generation (55+ styles), and CIP mockups
  • UI styling with design tokens, tokens to CSS/Tailwind mappings, and component styling
  • HTML presentations support (Chart.js integrations) and banner/icon/social photo assets
  • CIP deliverable planning, portfolio-ready assets, and multi-platform brand asset management
  • Social photos and marketing visuals generation across platforms (FB, X, IG, LinkedIn, YouTube, TikTok)

Quick Start

Ask Claude Code to load the design skill and begin a brand/CIP design task by providing a prompt like "design a brand identity for AcmeTech".

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 UI design tokens in one workflow?▼

Brand identity and UI design tokens generation is unified into a single workflow, allowing you to define brand voice, generate logos across 55+ styles, and map tokens directly to CSS or Tailwind component styling.

Can I create CIP deliverables and social media marketing visuals across different platforms?▼

CIP deliverables and multi-platform social visuals are fully supported, enabling you to generate marketing assets and mockups tailored for FB, X, IG, LinkedIn, YouTube, and TikTok within one brand-consistent workflow.

What is the best way to convert UI design tokens into Tailwind mappings?▼

Converting UI design tokens into Tailwind mappings is handled natively by applying token definitions to component styling rules, ensuring your design system translates directly into usable frontend styles.

Does this design workflow integrate with HTML presentations and Chart.js?▼

HTML presentations are supported with Chart.js integrations, allowing you to generate data-driven presentation assets and banners that align with your established brand identity and UI tokens.

Do I need specific dependencies to run logo generation and CIP mockup tasks?▼

Logo generation and CIP mockup tasks require the google-genai and Pillow dependencies to process images and execute the underlying design scripts within the markdown-driven workflow.

Related Skills

Explore More Design & Creative Skills→
dmedina-devdmedina-dev
1

ckm:brand

Synchronize brand guidelines, design tokens, and marketing assets across projects.

Community
Advanced
TenBeltzTenBeltz

ckm:design

Coordinate end-to-end design workflows across branding, CIP, and assets.

Official
Advanced
dmccrearydmccreary
90

chartjs-generator

Generate interactive Chart.js visualizations with HTML, CSS, and documentation packages.

Community
Intermediate
mafvietnammafvietnam

ckm:design

Coordinate end-to-end design tasks from brand identity to asset generation.

Community
Advanced