One-click install
npx skills add https://github.com/Duy-Nguyen-2006/Claudev --skill ckm-design-duy-nguyen-2006
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/Duy-Nguyen-2006/Claudev/tree/main/claude/skills/design
Command: npx skills add https://github.com/Duy-Nguyen-2006/Claudev --skill ckm-design-duy-nguyen-2006

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-genai, pillow, shadcn, ui-ux-pro-max, ai-artist, ai-multimodal, chrome-devtools, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive solution for design tasks, covering brand identity, UI styling, logo generation, corporate identity programs, presentations, banners, social media images, and icon design.

Core Features & Use Cases

  • Brand Identity: Create and manage brand identities, including logos, CIPs, and design systems.
  • UI Styling: Style UI components with shadcn/ui and Tailwind.
  • Logo Design: Generate logos with AI and a variety of styles.
  • Corporate Identity Program (CIP): Design deliverables like business cards, letterheads, and signage.
  • Presentations: Build strategic HTML presentations with Chart.js and design tokens.
  • Banners: Design banners for social media, ads, web, and print.
  • Social Photos: Create multi-platform social images from HTML/CSS.
  • Icon Design: Generate SVG icons with AI and various styles.
  • Use Case: If you need to design a new brand identity for a tech startup, this Skill can handle the entire process from logo design to creating a comprehensive CIP.

Quick Start

Use the ckm:design skill to generate a logo for your brand 'TechFlow' with a minimalist style and tech industry focus.

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 brand identity and logo for a tech startup?

You can generate a brand identity and logo by using this Skill to create minimalist, tech-focused logo designs with AI, alongside a comprehensive Corporate Identity Program (CIP) including business cards and letterheads.

Can I style UI components using shadcn/ui and Tailwind?

Yes, you can style UI components using shadcn/ui and Tailwind. The Skill provides direct UI styling capabilities to build and manage design tokens for your web interfaces.

How do I build strategic HTML presentations with Chart.js?

Build strategic HTML presentations by utilizing this Skill's presentation design features, which integrate Chart.js and design tokens to create data-driven slides for corporate use.

What is the best way to create social media images and banners from HTML/CSS?

The best way to create social media images and banners from HTML/CSS is using this Skill's multi-platform image generation capabilities, which render HTML/CSS directly into optimized social photos and web banners.

Do I need Gemini AI to generate SVG icons?

Yes, you need Gemini AI for image generation tasks. The Skill relies on Gemini AI to generate SVG icons with various styles and to produce other AI-driven visual assets.

What are the limitations of using AI for corporate identity program design?

A limitation of using AI for corporate identity program design is that while the Skill generates deliverables like signage and business cards, it requires specific dependencies like Gemini AI and Pillow to function properly.