ckm:design

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

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/mafvietnam/mafapp --skill ckm-design-mafvietnam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/mafvietnam/mafapp/tree/main/.claude/skills/design
Command: npx skills add https://github.com/mafvietnam/mafapp --skill ckm-design-mafvietnam

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Coordinate end-to-end design tasks across brand identity, design tokens, UI styling, CIP mockups, and asset generation.

Core Features & Use Cases

  • Brand identity and voice guidelines
  • Design-system tokens and UI styling with code-friendly outputs
  • CIP mockups and brand-ready assets (logos, stationery, signage, apparel)
  • HTML presentations, slides, and data visualization-ready decks
  • Banner and icon design and social photos workflows
  • Use Case: A startup can launch a full brand package including a logo, CIP mockups, and a pitch deck in one run.

Quick Start

Provide a brand name and context to generate a complete brand package including logo, CIP mockups, slides, banners, icons, and social visuals.

Frequently Asked Questions about ckm:design

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

FAQPage Schema
What is the best way to unify brand identity and UI styling for a startup?

Unify brand identity and UI styling by coordinating end-to-end design tasks across brand voice guidelines and design tokens. This approach yields a unified brand package with scalable, presentation-ready deliverables.

How do I generate a complete brand package with logo and CIP mockups in one run?

Generate a complete brand package by providing a brand name and context to coordinate end-to-end design tasks. This outputs logo design, CIP mockups, stationery, and presentation-ready deliverables in a single run.

Can I create HTML presentations and slides using design tokens?

Yes, you can create HTML presentations and data visualization-ready decks. The process applies design-system tokens and UI styling to generate code-friendly outputs for your slides.

What design assets are included for social media and banner workflows?

Social media and banner workflows generate brand-ready assets including banner designs, icon sets, and social photos. These outputs satisfy branding guidelines and asset variety requirements.

Does this design workflow require specific dependencies for image processing?

The workflow requires specific dependencies including google-genai and pillow for image processing and asset generation. These libraries enable scalable prompts and safe defaults for your brand assets.

What is the best way to unify brand identity and UI styling for a startup?

Unify brand identity and UI styling by coordinating end-to-end design tasks across brand voice guidelines and design tokens. This approach yields a unified brand package with scalable, presentation-ready deliverables.