ckm:banner-design设计适用于社交媒体、广告、网站 Hero 区域、创意资产和印刷品的横幅(Banner)。基于 AI 生成的视觉效果提供多种艺术指导选项。操作:设计、创建、生成横幅。平台:Facebook、Twitter/X、LinkedIn、YouTube、Instagram、Google 展示广告、网站 Hero、印刷品。风格:极简主义、渐变、粗体排版、基于照片、插画、几何、复古、毛玻璃效果、3D、霓虹、双色调、社论、拼贴。使用 ui-ux-pro-max、frontend-design、ai-artist、ai-multimodal 技能。
ckm:brand品牌语气/声量、视觉识别、信息传递框架、资产管理、品牌一致性。在需要品牌化内容、语气语调、营销资产、品牌合规、样式指南时激活。
ckm:design-system设计标记 (Token) 架构、组件规范和演示幻灯片生成。三层 Token 结构(基础级 Primitive → 语义级 Semantic → 组件级 Component)、CSS 变量、间距/排版比例、组件规范、战略性演示幻灯片创建。适用于设计标记、系统化设计和符合品牌规范的演示文稿。
ckm:design综合设计技能:包含品牌身份、设计标记、UI 样式、Logo 生成(55 种风格,搭载 Gemini AI)、企业识别系统项目(CIP,支持 50 多项交付物与 CIP 效果图)、HTML 演示文稿(集成 Chart.js)、横幅设计(22 种风格,适配社交/广告/网页/印刷)、图标设计(15 种风格,输出 SVG 格式,搭载 Gemini 3.1 Pro)、社交媒体图片(采用 HTML 转化为截图方式,支持多平台)。操作:设计 Logo、创建 CIP、生成效果图、构建幻灯片、设计横幅、生成图标、创建社交媒体图片。适配平台:Facebook、Twitter、LinkedIn、YouTube、In
ckm:slides创建集成了 Chart.js、设计标记、响应式布局、文案写作公式及上下文幻灯片策略的战略性 HTML 演示文稿。
ckm:ui-styling使用 shadcn/ui 组件(基于 Radix UI + Tailwind)、Tailwind CSS 原子化(Utility-first)样式以及基于 Canvas 的视觉设计来创建美观且符合无障碍规范的用户界面。适用于构建用户界面、落地设计系统、创建响应式布局、添加无障碍组件(对话框、下拉菜单、表单、表格)、定制主题与配色、实现暗色模式、生成视觉设计和海报,或在应用程序中建立一致的样式规范。
ui-ux-pro-maxUI/UX 设计智能。包含 67 种风格、161 个色板、57 组字体配对、25 种图表、16 个技术栈 (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Nuxt, Nuxt UI, Tailwind, shadcn/ui, Jetpack Compose, Three.js, Angular, Laravel)。操作 (Actions):plan, build, create, design, implement, review, fix, improve, optimize, enhance, ref