ckm:ui-styling

面向网页和移动端的UI/UX设计智能。包含50多种样式、161种配色方案、57种字体搭配、161种产品类型、99条UX指南，以及覆盖10个技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui和HTML/CSS）的25种图表类型。操作：规划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构及检查UI/UX代码。项目：网站、落地页、仪表盘、管理面板、电商、SaaS、作品集、博客等。

Token架构、组件规范与幻灯片生成。三层Token（基础→语义→组件）、CSS变量、间距/排版比例、组件规范、战略性幻灯片创建。适用于设计Token、系统化设计、符合品牌规范的演示文稿。

全面设计技能：品牌识别、设计令牌、UI样式、标志生成（55种风格，Gemini AI）、企业识别方案（50项交付物，CIP样机）、HTML演示文稿（Chart.js）、横幅设计（22种风格，社交/广告/网页/印刷）、图标设计（15种风格，SVG，Gemini 3.1 Pro）、社交照片（HTML→截图，多平台）。操作：设计标志、创建CIP、生成样机、制作幻灯片、设计横幅、生成图标、创建社交照片、社交媒体图像、品牌……

品牌语调、视觉识别、信息框架、资产管理、品牌一致性。适用于品牌内容、语气语调、营销素材、品牌合规、风格指南。

使用Chart.js、设计令牌、响应式布局、文案公式和上下文幻灯片策略，创建战略性HTML演示文稿。

为社交媒体、广告、网站主视觉、创意素材和印刷品设计横幅。提供多种艺术方向选项，搭配AI生成的视觉元素。操作：设计、创建、生成横幅。平台：Facebook、Twitter/X、LinkedIn、YouTube、Instagram、Google展示广告、网站主视觉、印刷品。风格：极简、渐变、粗体排版、照片风格、插画、几何、复古、玻璃拟态、3D、霓虹、双色调、编辑风、拼贴。使用ui-ux-pro-max、frontend-design、ai-artist、ai-multimodal技能。