ckm:design

Generate brand identities, logos, and visual assets via Python CLI scripts.

1|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/quanganh208/cookmate --skill ckm-design-quanganh208
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/quanganh208/cookmate/tree/main/.opencode/skills/design
Command: npx skills add https://github.com/quanganh208/cookmate --skill ckm-design-quanganh208

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Organizations and creators struggle to produce consistent, production-ready brand assets across digital and print channels; this Skill centralizes brand identity, logo generation, CIP mockups, slide decks, banners, icons, and social image production to remove manual, fragmented work and speed delivery.

Core Features & Use Cases

  • Logo generation: AI-driven logo briefs, style/color searches, and batch generation for varied industries and aesthetics.
  • Corporate Identity Program (CIP): Produce 50+ deliverables, generate photorealistic mockups, and render portable HTML presentations of deliverables.
  • Slides & Presentations: Create responsive HTML slide decks with Chart.js, design tokens, and copywriting formulas.
  • Banners, Icons, Social Photos: Create platform-specific banners, SVG icon exports, and multi-size social images via HTML→screenshot workflows.
  • Scripts & Automation: CLI scripts to search styles, build prompts, generate images with Gemini, render HTML presentations, and export assets.

Quick Start

Generate a complete brand package for "BrandName" by creating a logo, CIP mockups, and social images in a modern minimalist style using the design skill.

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 corporate identity program with logos and mockups?▼

To generate a corporate identity program, this Skill produces 50+ deliverables including AI-driven logo briefs, photorealistic mockups, and portable HTML presentations. It centralizes brand asset creation to remove manual fragmented work for startups and agencies.

Do I need Gemini API credentials to generate SVG icons and brand images?▼

Yes, you need Gemini API credentials for AI image and SVG generation. The Skill uses Python CLI scripts with google-genai and pillow to search styles, build prompts, and generate batch assets across varied industries and aesthetics.

What is the best way to create responsive HTML slide decks with Chart.js?▼

The best way to create responsive HTML slide decks is using this Skill's built-in presentation feature, which integrates Chart.js, design tokens, and copywriting formulas to render portable decks directly without manual formatting.

Can I use this Skill to create platform-specific banners and multi-size social photos?▼

Yes, you can create platform-specific banners and multi-size social images using its HTML to screenshot workflows. The Skill automates asset export via headless browser tooling or chrome-devtools for exact-size HTML screenshots.

What limitations exist when rendering exact-size HTML screenshots for social imagery?▼

A key limitation for rendering exact-size HTML screenshots is the external dependency on headless browser tooling or chrome-devtools. Without these environment prerequisites configured, the automated multi-size social image export workflow will not execute.