ckm:design

Generate logos, corporate identity programs, and HTML presentations with Gemini AI.

1|Updated May 4, 2026
One-click install
npx skills add https://github.com/auxi-wardrobe/auxi-all-in --skill ckm-design-auxi-wardrobe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/auxi-wardrobe/auxi-all-in/tree/main/.agents/skills/design
Command: npx skills add https://github.com/auxi-wardrobe/auxi-all-in --skill ckm-design-auxi-wardrobe

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive design capabilities to create brand identities, UI components, and presentations, saving designers time and streamlining their workflow.

Core Features & Use Cases

  • Brand Identity: Generate logos, create corporate identity programs, and design visual assets.
  • UI Stylings: Style UI components with TailwindCSS and shadcn/ui.
  • Presentations: Create strategic HTML presentations with Chart.js and design tokens.
  • Use Case: Imagine you need a new logo for your company. Use this Skill to generate logo concepts, select a style, and even get a HTML presentation showcasing the logo in a real-world context.

Quick Start

Generate a logo for a tech company with a minimalist style.

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 logo for my brand identity using AI?

Logo design generation uses Gemini AI to create visual assets for brand identity based on your specified style and context. You provide a prompt such as a minimalist tech company style to receive generated logo concepts.

Can I style UI components with TailwindCSS and shadcn/ui?

Yes, UI styling is supported by styling UI components directly with TailwindCSS and shadcn/ui. This allows you to apply design system rules and visual consistency to your web interfaces.

What is the best way to create an HTML presentation with Chart.js?

The best way to create strategic HTML presentations is by utilizing integrated Chart.js and design tokens. This approach generates visually cohesive slides that can showcase brand identity or UI components in a real-world context.

Does this design tool require specific Python libraries for presentation creation?

Presentation creation and logo generation require specific Python dependencies including google-genai and pillow. These libraries enable the underlying Gemini AI design generation and image processing functionalities.