UI/UX设计智能。50种风格，21种调色板，50种字体搭配，20种图表，9种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。动作：计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目：网站、登录页面、仪表盘、管理面板、电子商务、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。元素：按钮、模态框、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、粘土拟态、极简主义、粗野主义、新拟态、便当网格布局、暗黑模式、响应式、拟物化、扁平化设计。主题：色彩调色板、可访问性、动画、布局、排版、字体搭配、间距、悬停效果、阴影、渐变。集成：shadcn/ui MCP用于组件搜索和示例。
用于构建现代网页用户界面的渐进式JavaScript框架。在编辑或处理*.vue文件或导入了"vue"的代码时始终使用。咨询有关调试、最佳实践或修改vue核心的问题。
你是一位富有创造力且细致的UI设计师，热衷于打造美观、直观且像素完美的用户界面。你对设计原则、字体排印、色彩理论以及交互设计有着深刻的理解。你熟练掌握Figma和Sketch等设计工具，并有创建和维护设计系统方面的经验。
来自Vercel工程团队的React和Next.js性能优化指南。在编写、审查或重构React/Next.js代码时应使用此技能，以确保采用最佳性能模式。当任务涉及React组件、Next.js页面、数据获取、包优化或性能改进时触发。
针对antd 6.x、Ant Design Pro 5/ProComponents和Ant Design X v2的单文件决策指南。用于组件选择、主题/令牌、SSR、无障碍、性能、路由/访问/CRUD以及AI/聊天UI模式。
前端UI/UX设计智能 - 当用户请求美丽、惊艳、华丽或美观的界面时激活。这是在实施之前进行设计决策的主要技能。50种风格，21种调色板，50种字体配对，20种图表，8种技术栈（React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind）。操作：规划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构、检查前端UI/UX代码。项目：网站、着陆页、仪表盘、管理面板、电子商务、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。元素：按钮、模态框、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、粘土拟态、极简主义、粗野主义、新拟态、便当网格布局、暗模式、响应式、拟物化、扁平设计。主题：调色板、可访问性、动画、布局、版式、字体配对、间距、悬停效果、阴影、渐变。
为Element Plus Vue 3组件库提供全面的指导，包括安装、组件、主题、国际化以及API参考。当用户询问有关Vue 3的Element Plus信息、需要使用Element Plus构建Vue 3应用程序或自定义组件样式时，请使用此指南。
使用JavaScript、HTML和CSS构建跨平台桌面应用程序的Electron框架。涵盖架构、IPC、安全性、打包、自动更新和后端集成模式等内容。使用场景：当用户提到“Electron”、“桌面应用”、“跨平台应用程序”，或询问关于“IPC”、“主进程”、“渲染进程”、“Electron打包”、“自动更新”、“代码签名”、“Electron安全”时使用。不适用于：Tauri应用程序 - 请改用`tauri`技能
全栈前端开发，结合了优质的UI设计、电影级动画、AI生成的媒体素材、有说服力的文案以及视觉艺术。构建完整的、视觉冲击力强的网页，使用真实的媒体、高级动态效果和引人入胜的文案。适用场景：创建登录页面、营销网站、产品页面、仪表盘、生成媒体素材（图片/视频/音频/音乐）、撰写转化文案、创作生成艺术或实现电影级滚动动画。
集成 Figma API 实现设计自动化和代码生成。适用于提取设计令牌、从 Figma 组件生成 React/CSS 代码、同步设计系统、构建 Figma 插件或自动化设计转代码工作流。触发关键词：Figma API, design tokens, Figma plugin, design-to-code, Figma export, Figma component, Dev Mode, 设计系统。
使用Vue 3 + TypeScript进行uni-app跨平台前端开发。用途包括：(1) 创建新的uni-app项目或页面，(2) 集成UI库（如uView Plus、uni-ui、TuniaoUI），(3) 实现多主题设计系统，(4) 构建微信小程序、H5及其他平台应用，(5) 设置SCSS主题和全局样式，(6) 配置Vite构建系统。包含适用于任何uni-app项目的可重用模板、组件模式和最佳实践。
前端视觉复制技能。通过Playwright MCP或代理浏览器探索目标网站的公开可见页面，捕获屏幕截图和布局信息，然后生成一个静态或客户端前端副本，该副本近似于原始网页的视觉外观和页面结构。此技能仅复制前端展示——它不会复制后端逻辑、服务器端行为、数据库或任何非公开内容。用户在复制任何网站之前必须确保已获得适当的授权（所有权、许可或明确的许可）。⚠️ 授权关卡：在开始之前，代理必须与用户确认他们有合法权利复制目标站点。如果用户无法确认，则该技能必须拒绝继续。
创建具有高设计质量的独特生产级前端界面。当用户要求构建网页组件、页面、作品、海报或应用程序（例如网站、登录页、仪表板、React组件、HTML/CSS布局，或者美化任何网页UI）时使用此技能。生成的代码和UI设计富有创意且精致，避免了一般AI美学。
创建交互式HTML PPT演示文稿。支持多套配色方案，根据用户提供的配色方案、主题、每页标题和内容生成精美的HTML幻灯片。
从零开始或通过转换PowerPoint文件创建令人惊艳、动画丰富的HTML演示文稿。当用户想要构建演示文稿、将PPT/PPTX转换为网页格式，或为演讲/推介创建幻灯片时使用。帮助非设计师通过视觉探索而非抽象选择发现他们的美学。
移动应用UI设计专家，适用于iOS和Android。在设计应用程序界面、创建设计系统、确保可访问性或遵循平台指南时使用。涵盖Material Design 3、人机界面指南、色彩理论、排版以及2025年的趋势。
构建专业级、生产级软件的终极UI设计技能。当用户想要创建、重新设计、完善或提升任何网页应用界面时使用此技能——包括仪表板、SaaS应用程序、着陆页、账单页面、分析视图、移动应用或任何“氛围编码”界面。涵盖25种以上的设计法则，涉及色彩理论（4层系统、OKLCH、暗模式、HSB调色板）、布局、排版、图标、微交互、组件设计、定价页面、分析、卡片、间距、互动反馈、趣味设计、展示技巧和设计思维。产出干净、现代且值得信赖的软件，能够有效转化。
作品名称 Wan Game Assets - 游戏资产智能生成工具 作品简介 基于阿里云 DashScope wan2.7-image API 的游戏资产批量生成工具，为独立游戏开发者和游戏工作室提供一键式游戏美术资产生成解决方案。 支持生成角色精灵图、场景变体、道具图标、怪物进化系列、UI元素、教程图像、概念设计等多种资产类型，覆盖像素、卡通、动漫、写实、奇幻等主流风格。 解决的问题 / 面向场景 解决的问题 1. 美术成本高昂 - 传统游戏美术外包费用高、周期长 2. 资产一致性难控 - 多角色/多场景风格难以统一 3. 迭代效率低下 - 设计修改需要反复沟通确认 4. 原型资产匮乏 - 游戏原型阶段缺乏快速可用的素材
关于pyecharts图表创建、HTML报告生成和可视化最佳实践的知识
使用扁平化设计和CSS关键帧生成纯SVG代码动画。当用户请求SVG代码、Lottie替代方案、矢量插图或基于Web的动态图形时使用。