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.