开发者和设计师需要一致、易用且视觉美观的界面,但缺乏全面的设计知识。UI/UX Pro Max 通过简单的关键词搜索,即时提供 50 多种设计风格、调色板、排版组合以及特定框架的最佳实践。

根据原始研究数据创建用户画像既耗时又往往不一致。本工具包通过分析用户行为模式、人口统计特征和访谈洞察，自动生成有研究依据的用户画像，并提供置信度评分和设计建议。

手动创建一致的设计系统需要大量时间，并且经常导致不一致的实现。此工具包自动生成颜色、字体和间距的设计令牌，确保所有组件的视觉和谐，并导出可供开发者使用的代码。

创建一致、专业的演示文稿和文档视觉主题需要大量的设计工作。本技能提供10种精选的颜色和字体主题组合，可即时应用于任何产物，并支持按需生成自定义主题。

创建符合 Slack 大小限制的动画 GIF。使用可组合的基础动画效果构建动画,如抖动、弹跳、旋转、脉冲、淡入淡出、缩放和爆炸。验证表情符号和消息 GIF 的文件大小和尺寸。

图像在压缩或编辑过程中经常会损失质量。此技能可以提高分辨率、锐度和清晰度，同时保留原始图像。非常适合从任何图像创建专业视觉效果。

创建视觉资产需要专业工具和设计技能。此技能通过 OpenRouter 实现 AI 驱动的图像生成和编辑,支持 FLUX 和 Gemini 模型,用于创建照片、插图、艺术作品和视觉概念。

通用的 AI 生成前端代码往往缺乏创意视野和令人难忘的美学。此技能引导 Claude 创建生产级别、视觉冲击力强的界面,具有大胆的设计选择、独特的排版和连贯的美学方向。

用户难以创建精致的博物馆级视觉设计。此技能提供结构化的设计理念方法,指导创建PNG或PDF格式的原创艺术视觉作品。

使用Anthropic品牌标识创建专业的文档和演示文稿。此技能提供官方颜色和排版指南，确保在所有产出物中实现一致的视觉样式。

网页无障碍访问问题可能导致残障用户无法访问您的网站。此技能提供全面的指导,帮助实现 WCAG 2.1 标准、ARIA 属性和键盘导航,为所有用户创建包容性体验。

手动从截图和模型中提取设计令牌既耗时又容易出错。此技能使用7步AI流程系统性地提取颜色、字体、间距、组件和无障碍详细信息，生成符合W3C DTCG标准的JSON格式，可直接用于代码生成。

普通字体让设计看起来不够专业。本技能提供专业排版指南，通过精选字体推荐创建视觉冲击力强且专业的文本布局。

AI 助手通常生成通用且视觉上乏味的前端界面,用户称之为'AI 粗制滥造'。本技能为排版、配色方案、动效和背景提供设计指导,以创建独特、精致且引人注目的界面。

Figma MCP 生成的代码包含专有变量（如 var(--spacing-4)），这会带来维护问题。此技能提供清晰的转换规则，将这些变量转换为标准 Tailwind CSS 类，以实现更简洁、更可维护的前端代码。

Web 动画经常无法通过无障碍测试并损害性能。此技能提供了生产就绪的 GSAP 模式,尊重用户偏好并保持 60fps。

使用专业策划的配色方案和字体搭配，创建视觉一致的演示文稿。通过应用现成的主题而不是从零开始设计来节省时间。

由于严格的尺寸限制和格式要求，为Slack构建动画GIF具有挑战性。此技能提供验证器来检查Slack约束、可组合的动画原语，以及用于创建符合平台规范的专业动画GIF和表情符号的实用工具。

用户在向 AI 助手传达复杂的视觉设计概念时常遇到困难。此技能提供了一个结构化的设计哲学框架,可将抽象想法转化为精致的 PNG 或 PDF 格式视觉艺术作品。

在不影响性能或可访问性的前提下,为落地页和演示添加精美的动画效果。Visual Engine Skill 自动处理时序、缓动和安全的动效模式。