skills.rest
jc180105
jc180105COMMUNITY
Explore all skills by this author →
GitHub

ckm:design

Coordinate end-to-end design workflows from brand identity to production assets.

Updated Apr 16, 2026
Search Tags:#design#branding#assets#slides#design-system#ui-styling#cip
One-click install
npx skills add https://github.com/jc180105/.opencode --skill ckm-design-jc180105
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:design
Source: https://github.com/jc180105/.opencode/tree/main/.opencode/skills/design-ai-assets
Command: npx skills add https://github.com/jc180105/.opencode --skill ckm-design-jc180105

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Design teams struggle to manage brand identity, design tokens, UI styling, CIP deliverables, and visual assets coherently across multiple platforms. This Skill provides a unified framework to generate, organize, and reuse design work from brand guidelines to production-ready assets.

Core Features & Use Cases

  • Brand identity and voice: establish a cohesive brand language across logos, typography, colors, and assets.
  • Design system tokens: generate semantic tokens and CSS variables that map to Tailwind/shadcn/ui for consistent styling.
  • CIP deliverables: mockup and render HTML presentations for corporate identity programs.
  • Production assets: create slides, banners, icons, social photos, and UI styling references.
  • Workflows: end-to-end Brand → CIP → Slides → Presentations.

Quick Start

Use the design-ai-assets skill to explore brand and CIP workflows by running a sample CIP set for a hypothetical brand, then review the generated assets and the CIP 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 build a complete brand identity and design system from scratch?▼

To build a brand identity and design system, you establish a cohesive brand language across logos, typography, and colors, then generate semantic design tokens and CSS variables mapped to Tailwind or shadcn/ui for consistent UI styling.

Can I generate CIP deliverables and corporate identity presentations as HTML?▼

Yes, you can generate CIP deliverables by mocking up and rendering HTML presentations for corporate identity programs, ensuring cohesive visual asset organization across the entire brand package.

What's the best way to organize visual assets like slides, banners, and icons?▼

The best way to organize visual assets is through a centralized SKILL.md-driven workflow that manages dependency, executes scripts, and coordinates asset creation for slides, banners, icons, and social visuals.

Does this design workflow integrate with Tailwind and shadcn/ui for UI styling?▼

Yes, the design workflow integrates with Tailwind and shadcn/ui by generating semantic design tokens and CSS variables that map directly to these frameworks for consistent UI styling.

Do I need Python dependencies installed to generate design tokens and assets?▼

Yes, you need Python dependencies installed, specifically google-genai and pillow, to execute the internal scripts required for generating design tokens and creating visual assets.

Related Skills

Explore More Design & Creative Skills→
sky770825sky770825

nano-banana-pro

Generate and edit images with the Gemini 3 Pro Image model via Python.

Community
Intermediate
dmedina-devdmedina-dev
1

ckm:design

Generate brand identity assets including logos, design tokens, and corporate deliverables.

Community
Advanced
Tahasaif3Tahasaif3

shadcn

Provide Radix UI-based components styled with Tailwind CSS for React interfaces.

Community
Intermediate
ConavaConava
2

graphic-design

Generate scalable graphic design assets across logos, icons, banners, slides, and social imagery.

Community
Advanced