ckm:design

Generate brand identities, design tokens, logos, icons, and CIP mockups.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the entire design process, from initial brand identity creation to generating production-ready assets like logos, icons, and corporate identity programs, saving significant time and effort for designers and developers.

Core Features & Use Cases

  • Comprehensive Design Suite: Covers brand identity, design system tokens, UI styling, logo generation, corporate identity programs (CIP), banner design, and icon creation.
  • AI-Powered Generation: Leverages Gemini AI for logo and icon design, offering numerous styles and customization options.
  • Automated Asset Creation: Generates mockups for business cards, letterheads, vehicle branding, and more through the CIP sub-skill.
  • Use Case: A startup needs a complete brand package. This Skill can generate a logo, design a business card mockup, create social media banners, and design a set of icons, all from a single, unified interface.

Quick Start

Use the design skill to generate a minimalist logo for a tech startup named 'Innovatech'.

Frequently Asked Questions about ckm:design

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

FAQPage Schema
How do I generate a complete brand identity and corporate identity program for a startup?▼

To generate a complete brand identity and corporate identity program, this Skill automates logo creation, CIP generation, and mockup creation for business cards and vehicle branding using Gemini AI and Pillow.

Can I generate design system tokens and UI styling with Tailwind CSS and shadcn/ui?▼

Yes, you can generate design system tokens and UI styling with Tailwind CSS and shadcn/ui. The Skill integrates internal sub-skills to output production-ready styling configurations directly.

What is the best way to create AI-powered logos and custom icons for digital platforms?▼

The best way to create AI-powered logos and custom icons is using an integrated design suite. This Skill leverages Gemini AI to provide numerous styles and customization options for digital assets.

Do I need Python dependencies like google-genai and pillow to run design generation tasks?▼

Yes, you need Python dependencies like google-genai and pillow to run design generation tasks. These libraries handle the AI-powered image processing and generation logic required for asset creation.

How does an automated design suite handle banner design and HTML presentation creation?▼

An automated design suite handles banner design and HTML presentation creation by unifying brand guidelines and generated assets into ready-to-use outputs. This Skill orchestrates platform-specific banners and HTML formats.