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.