skills.rest
wpgaurav
wpgauravCOMMUNITY
Explore all skills by this author →
Website𝕏@wpgauravGitHub

ckm:design

Generate brand identity assets, design tokens, and UI styling components.

14|1|Updated Mar 30, 2026
Search Tags:#branding#design-tokens#brand-identity#ui-styling#logo-generation#social-photos#cip-mockups
One-click install
npx skills add https://github.com/wpgaurav/WordPress-skills --skill ckm-design-wpgaurav
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/wpgaurav/WordPress-skills/tree/main/skills/design/design
Command: npx skills add https://github.com/wpgaurav/WordPress-skills --skill ckm-design-wpgaurav

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Unified, end-to-end design workflows for modern brands that previously required multiple tools and teams. This Skill consolidates brand identity, design tokens, UI styling, logo generation, CIP deliverables, presentations, banners, icons, and social visuals into a cohesive, repeatable process.

Core Features & Use Cases

  • Brand identity assets and voice development, ensuring consistent brand language across channels.
  • Design tokens and UI styling guidelines, enabling scalable theming and component libraries (Tailwind/shadcn/ui style).
  • End-to-end asset production: logo generation, CIP mockups, presentation slides, banners, icons, and social photos for multi-platform campaigns.

Quick Start

Create a complete brand package for a tech startup: generate a logo, CIP mockups, slides, banners, icons, and social visuals for marketing.

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 brand identity package with logos and social photos?▼

Design tokens are reusable variables that store visual design attributes, enabling scalable theming for component libraries. This Skill generates UI styling guidelines and tokens compatible with Tailwind and shadcn/ui style frameworks for consistent brand language.

What is the best way to create design tokens for a scalable UI component library?▼

The best way to create design tokens for a scalable UI component library is through this Skill, which generates UI styling guidelines and tokens. It ensures scalable theming and consistent component libraries using a Tailwind or shadcn/ui style approach.

How do I set up a cohesive brand voice and visual language across multiple channels?▼

You set up a cohesive brand voice and visual language by using this Skill to develop comprehensive brand identity assets. It ensures consistent brand language across all channels by unifying logo generation, UI styling, and social visuals.

Why use a unified design system workflow instead of multiple separate branding tools?▼

You use a unified design system workflow instead of multiple separate branding tools to consolidate brand identity, design tokens, and asset production into a cohesive, repeatable process. This approach eliminates the need to manage multiple disconnected teams and applications.

Related Skills

Explore More Design & Creative Skills→
gauravb4875-uxgauravb4875-ux

branding-generator

Generate brand identity kits with logos, color palettes, typography, and naming.

Community
Advanced
CutTheChexxCutTheChexx

brand-builder

Create cohesive brand identities and scalable design systems for web applications.

Community
Advanced
HieubkavHieubkav

ui-styling

Create accessible UI styling with shadcn/ui and Tailwind CSS for React applications.

Community
Advanced
daffy0208daffy0208
34

brand-designer

Design cohesive brand identities with SVG logos, color palettes, and typography systems.

Community
Intermediate