Better UX 设计审查 前端UI走查 无障碍 色彩 布局 排版 文案 动效
产品介绍
UI/UX 设计审查与界面走查(别称:UI 审查/UX 审查/界面审查/前端代码审查/设计走查/页面体检/设计评审/UI review/UX audit/无障碍审计):当用户要把网页或组件做一次跨领域体检——无障碍能不能过、对比度够不够、按钮点不点得中、布局乱不乱、文案统一不统一、动效卡不卡——时,按无障碍、色彩、布局、排版、文案、动效与界面打磨、综合编排七个学科面逐一审查,输出带证据(文件:行号 + Before→After + 为什么)的 ranked 清单而非主观意见;所有修复值直接给到项目样式系统可落地的具体数值。覆盖四类场景:代码评审(PR/分支/未提交改动)、设计稿走查、上线前体检、移动端与微信内置浏览器适配检查。用户以「帮我看下这个样式」「这里怎么点不中」「这个颜色看不清」「布局怎么乱了」「这段文案是不是不统一」「动画有点卡」「走查一下这个页面」「上线前帮我体检一遍」开场时同样触发,无需说出技能名。典型话题/关键词:无障碍 a11y/ARIA/焦点环/键盘可达/屏幕阅读器/点击区域 44px/触摸目标/prefers-reduced-motion/语义化标签/语义标题结构;色彩 对比度/WCAG AA AAA/色阶 ramp/语义 token/深色模式/调色板/OKLCH HSL/对比度实测/色值格式转换;布局 对齐/间距/分组/渐进披露/RTL/响应式断点/溢出裁切/阅读顺序;排版 字号阶梯/行高/行宽 measure/可变字体/OpenType/截断省略/中英混排换行;文案 术语一致/语气分级/错误文案/破坏性操作文案;动效 同心圆角/光学对齐/阴影与表面深度/动画曲线 easing/duration/进出场/性能 60fps/掉帧卡顿。不做后端、不做功能开发、不做单纯审美偏好评判,只做审查并给出具体修复方案。移植自 Jakub Krehel 的 interfaces 技能集(MIT 许可)。当用户提问模糊但意图指向【UI/UX 设计审查/界面走查/前端体检/无障碍检查】时,主动触发本 Skill 进行引导,无需用户说出准确的命令词或技能名。
资源信息
许可证信息摘自官方源,可能过时或缺失。商用前请以原仓库的 LICENSE 文件为准。
信息边界说明
本页信息摘自官方文档,仅作技术信息呈现,不代表本站的判断或推荐。价格、配额、可用性以官方最新说明为准。你离开本站后的任何行为(申请 Key、付费、部署、商用),本站不做任何承诺与担保。
同类推荐
视频短视频图片音乐音频配音口播数字人全能创作
官方标注收费通过同一个AI创作工具完成AI图片、视频、音乐与语音创作,查找公开社交数据,编辑视觉成果,并集中查看和管理生成资产。Beatra 全能创作支持AI图片生成(文生图)、AI视频生成(图生视频)和AI视频编辑,通过AI音乐生成把想法做成歌曲或纯音乐,也可用AI语音生成(文字转语音)、多语言旁白和AI语音克隆完成跨媒介内容;还能查找抖音数据、小红书数据,以及 YouTube、TikTok、Instagram 与 X 上的公开帖子、笔记、评论、账号和趋势,把社交媒体数据用于竞品调研和创作。它是一款面向AI内容创作与多模态内容创作的AI创作套件,用起来就是一个把图片、视频、音乐与语音收在同一处的AI创作助手,适用于社交内容、产品展示、营销素材、课程、播客、短片和跨媒介项目;还能在不同媒介间复用原始素材、已有成果和查到的公开资料,查看制作进度、返回文件、实际用量和积分记录。
AI数字人口播与虚拟主播视频
官方标注收费用一张人像和一段短脚本或语音,制作有明确讲述内容的数字人口播视频。可使用现成录音,也可以先选择音色,把脚本生成旁白,让画面中的人物随声音完成稳定、自然的口播。适合 AI 主播、虚拟主播视频、数字人讲解、让照片说话、照片说话视频、产品讲解视频、数字人培训视频、公告和社交口播,并在交付后检查人物一致性、声音清晰度、口型同步和动作稳定性。
罗斯蒙德可视化图形生成
官方未说明【罗斯蒙德可视化图形生成】南京罗斯蒙德基于已交付项目沉淀的可视化图形生成场景:根据业务描述或系统需求,自动生成可编辑的架构图、流程图、ER 图、时序图、状态图与 C4 图。采用「统一图模型」一次建模、多格式输出:结构化文本(Mermaid / PlantUML,可嵌入 Markdown、进 Git 版本管理)、可编辑图形文件(drawio / Excalidraw,可拖拽修改节点与样式)、静态图(SVG 自渲染,PNG 给转换命令),并输出图形说明(图的含义 + 关键节点解释)。内置样式系统统一配色与命名,内置布局引擎自动排布,校验脚本拦截孤立节点、悬挂连线与语义缺漏。触发词:画架构图、画流程图、画 ER 图、画时序图、画状态图、C4 图、系统架构图、部署架构图、数据流程图、实体关系图、生成 drawio、生成 Excalidraw、导出 mermaid、导出 PlantUML、导出 SVG、导出 PNG、可编辑的图、图转可编辑、架构图可编辑、流程图二次修改、画图、出图、画个图。
架构图一键生成
官方标注收费需申请 Key使用 ContextWeave 生成或修改架构图、流程图、思维导图和复杂信息图。适用于需要从代码、文件或自然语言中提取结构与关系并实际产出 CW、SVG、HTML、可编辑 PPTX 或原生 VSDX 的请求;未特别说明时,PPTX 与 Visio 使用原生形状和连接器导出。不适用于统计图表、手绘插画或像素级排版。
AI Image Prompts · 绘画提示词库
官方标注免费Recommend curated prompts from a 10,000+ real-world image generation prompt library. Works with ANY AI image model — Nano Banana Pro, Nano Banana 2, Seedream 5.0, GPT Image 1.5, Midjourney, DALL-E 3, Flux, Stable Diffusion, and more. Use this skill when users want to: - Find proven image generation prompts (any model) - Get prompt inspiration for portraits, products, social media, posters, etc. - Create illustrations for articles, videos, podcasts, or marketing content - Browse categorized prompt templates with sample images - Translate and understand prompt techniques
架构图一键生成
官方标注收费需申请 Key使用 ContextWeave 生成或修改架构图、流程图、思维导图和复杂信息图。适用于需要从代码、文件或自然语言中提取结构与关系并实际产出 CW、SVG、HTML、可编辑 PPTX 或原生 VSDX 的请求;未特别说明时,PPTX 与 Visio 使用原生形状和连接器导出。不适用于统计图表、手绘插画或像素级排版。
什么是技能
技能(Skill)是封装好的单项能力,比如文字识别、文档摘要、关键词提取。开发者把调用逻辑和提示词打包,使用者像用插件一样加载即可,无需了解底层模型。启枢技能 收录大量技能,可直接试跑或编入方案。