将您的 Web UI 与 Vercel 的官方可访问性和设计指南进行对比。获得关于语义 HTML、焦点状态、表单、动画、排版、图像等的即时反馈。

许多AI生成的界面看起来千篇一律，缺乏创意特色。本指南帮助Claude Code创建具有卓越美学品质、独特视觉识别性和深思熟虑的设计决策的生产级网页界面，避免常见的AI模式。

在文档中保持一致的品牌标识既耗时又容易出错。此技能提供对企业品牌标准的即时访问,包括调色板、排版、格式规则和验证工具,以确保所有文档符合专业品牌指南。

手动创建 Grasshopper 定义既耗时又重复。此技能使 AI 助手能够通过 MCP 协议以编程方式创建组件、建立连接并执行完整的参数化建模工作流，将设计规范自动转换为可工作的 Grasshopper 定义。

将原始用户访谈数据转化为可操作的用户画像。在几分钟而非几小时内创建基于数据支撑的用户档案,包含目标、痛点、行为和设计启示。

手动创建一致的设计令牌既耗时又容易出错。此工具可根据单个品牌颜色输入生成完整的颜色系统，包括调色板、字体排版、间距网格和组件样式。

通用的人工智能输出会产生平淡、缺乏创意的网页设计。这个技能指导Claude坚持大胆的美学方向，并利用有意的创意选择，提供生产级的、令人印象深刻的前端代码。

构建独特的网络界面，从通用的AI生成美学中脱颖而出。通过精心关注排版、动效和空间构图，创建令人难忘、视觉冲击的组件。

Video outpainting typically requires complex ComfyUI setups and manual workflow configuration. This skill lets you extend video spatial canvas and change aspect ratios through simple runcomfy CLI commands with AI-powered Wan 2-7 models.

自动从视频帧中移除不需要的物体、水印和人物。该技能将您的编辑请求路由到最适合的 RunComfy AI 模型，实现区域感知的视频修复，无需手动逐帧处理。

以AI精准度转换现有视频。此技能将您的视频编辑请求路由至最优AI模型，实现重塑、背景替换、运动迁移或服装更换，同时保留人物身份特征。

创建 AI 生成的图像和视频通常需要处理复杂的 API 并编写大量样板代码。RunComfy CLI 技能让您只需在终端中运行简单命令，即可生成、编辑和转换媒体内容，并自动处理轮询和下载。

传统上，改变图像光线需要重新拍摄或使用复杂的编辑软件。本技能让您通过RunComfy平台使用自然语言提示词，轻松变换光线方向、色温和氛围。

创建唇形同步视频通常需要操作多个API不兼容的不同AI模型。本技能可根据您的输入类型选择正确的RunComfy模型并执行相应的runcomfy命令，支持肖像转虚拟人、视频换嘴和脚本转视频等工作流程。

Kling 3.0 produces multi-shot cinematic video with synchronized audio and consistent characters across scenes. This skill connects Claude Code to six Kling 3.0 endpoints on RunComfy, from affordable Standard 1080p drafts to native 4K masters with audio.

图像经常被裁剪为错误的宽高比，从而丢失上下文。本技能通过添加与现有场景、光照和风格相匹配的 AI 生成内容，将任何图像扩展到其原始边界之外。

手动编辑图像以移除不需要的对象或填充缺失区域非常耗时，且需要专业工具。本技能让您通过RunComfy CLI执行基于遮罩的图像修复，可使用简单的文本提示移除水印、对象和瑕疵，或替换整个区域。

用户需要编辑图片，但缺乏关于使用哪个 AI 模型的指导。此技能根据用户意图将请求路由到最佳模型，从批量处理到多语言文字编辑。

使用通用工具难以实现精确布局控制和多语言文本的图片编辑。此技能提供对 OpenAI GPT Image 2 编辑端点的直接访问，并包含用于身份保留和文本编辑的优化提示模式。

需要对图片进行精确的局部编辑而无需重新生成整个场景？Flux Kontext Pro 提供高保真度和强提示控制能力的单参考图片编辑功能，可通过简单的 RunComfy CLI 命令访问。