skills.rest
jangtrinh
jangtrinhCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ckm:design

Generate brand identity deliverables including logos, CIP mockups, and SVG icons.

Updated Apr 9, 2026
Search Tags:#design system#brand identity#ui styling#logo generation#svg icons#cip mockups#social banners
One-click install
npx skills add https://github.com/jangtrinh/demo-Lam --skill ckm-design-jangtrinh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/jangtrinh/demo-Lam/tree/main/.claude/skills/design
Command: npx skills add https://github.com/jangtrinh/demo-Lam --skill ckm-design-jangtrinh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill reduces the time and guesswork required to create consistent, on-brand design deliverables by consolidating brand, token, UI, and asset generation into one guided workflow.

Core Features & Use Cases

  • Brand identity & logo generation: Produce logo concepts in multiple styles (including AI logo generation) to quickly establish a visual direction for a new or evolving brand.
  • Corporate Identity Program (CIP) mockups: Generate a complete set of branded deliverables (e.g., business cards, stationery, signage, apparel, vehicles) and render an HTML presentation of the results.
  • Design system & UI styling support: Apply design tokens and implement UI styling (Tailwind/shadcn/ui workflow) to keep components consistent across screens and platforms.
  • Banners and social photos: Design platform-specific banner layouts and social image compositions, then export via screenshot verification.
  • SVG icon design: Generate categorized SVG icon sets in multiple styles and sizes for consistent UI iconography.

Quick Start

Tell the skill: create a brand identity package for a tech startup named "NovaPay" including a logo set, CIP mockups for business card and signage, and an HTML presentation.

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 business cards and signage mockups?▼

Logo generation produces logo concepts in multiple styles to establish a visual direction for a new brand. Corporate identity program mockups then apply these logos across business cards, stationery, signage, and apparel.

Can I apply design tokens to UI styling using a Tailwind and shadcn/ui workflow?▼

SVG icon design generates categorized SVG icon sets in multiple styles and sizes for consistent UI iconography. This ensures visual coherence across web and application interfaces while maintaining scalable vector graphics.

What is the best way to create platform-specific social banners and marketing photos?▼

Brand identity creation establishes a comprehensive visual direction by generating logos, design tokens, and UI styling. This consolidated workflow reduces the guesswork required to maintain consistent on-brand design deliverables.

Does the design system workflow support exporting branded assets for web, social, and print-like deliverables?▼

Yes, the workflow handles on-brand marketing asset production across web, social, and print-like deliverables. It generates comprehensive brand assets, tokens, and UI styling components tailored for these specific output formats.

Related Skills

Explore More Design & Creative Skills→
SheshiyerSheshiyer

visual-identity-core

Generate a brand visual identity guide with color palettes, typography, logo rules, and imagery guidelines.

Community
Basic
AutomatedMarketerAutomatedMarketer

ckm:design

Generate cohesive branding, UI, presentation, and marketing design assets.

Community
Advanced
NammDevNammDev
2

ui-styling

Integrate shadcn/ui with Tailwind CSS for React UI styling.

Community
Intermediate
owshq-mecowshq-mec
122

ckm:design

Generate logos, corporate identity programs, presentations, and social media graphics with AI.

Official
Advanced