ckm:banner-design

面向网页和移动端的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、生成样机、制作幻灯片、设计横幅、生成图标、创建社交照片、社交媒体图像、品牌……

使用shadcn/ui组件（基于Radix UI + Tailwind构建）、Tailwind CSS实用优先样式和基于画布的视觉设计，创建美观且可访问的用户界面。适用于构建用户界面、实现设计系统、创建响应式布局、添加无障碍组件（对话框、下拉菜单、表单、表格）、自定义主题和颜色、实现深色模式、生成视觉设计和海报，或在应用程序中建立一致的样式模式。

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

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

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

We need to translate the given text from English to Simplified Chinese. The instruction says to preserve product names, protocol names, URLs, numbers, and technical terms. The name "banner-design" is to be preserved only if it appears in the source text. It does not appear in the <text> block, so we don't include it. Also, do not include labels like "description" etc. Just translate the text inside <text>. The text describes designing banners for various platforms and styles, and mentions skills. We need to translate naturally while keeping terms like "Facebook", "Twitter/X", "LinkedIn", "YouTube", "Instagram", "Google Display", "ui-ux-pro-max", "frontend-design", "ai-artist", "ai-multimodal" as they are. Also numbers and style names like "minimalist", "gradient" etc. should be translated? The instruction says "preserve product names, protocol names, URLs, numbers, and technical terms." Style names like "minimalist" are not product names, they are descriptive