SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 10-29 00:09

设计与创作

21,195 个结果

ui-ux-guidelines

ui-ux-guidelines 是一个用于审查 UI 代码是否符合 Web Interface Guidelines 的技能，来源于 jgamaraalv/ts-dev-kit。它按优先级组织 UI/UX 规则，涵盖无障碍、触摸与交互、性能、布局与响应式、排版与颜色、动画、表单、内容与导航、图表与数据等类别，并针对每类提供对应的参考文件。该技能支持三种工作流：审查 UI 代码、构建新组件、交付前检查清单。审查时读取目标文件，按代码内容加载相关参考文件，逐条检查适用规则并报告违规；构建组件时强制加载无障碍与交互参考，并按组件类型加载表单或布局参考；交付前则逐项核对检查清单。技能还列出常见反模式，如禁用缩放、阻止粘贴、transition: all、无替代的 outline-none、用 div/span 承载点击、图片缺少宽高、无虚拟化的大列表、硬编码日期数字格式、仅图标按钮缺少 aria-label 等。审查输出按文件分组，使用 file:line 格式，简洁指出问题与位置。

设计与创作33 次安装

image-enhancer

Image Enhancer 是一个图像质量提升技能，主要用于改善图片尤其是截图的清晰度与观感。它会分析图像的分辨率、锐度和压缩伪影，进行智能放大、边缘与细节锐化、压缩伪影和噪点清理，并可根据用途（网页、印刷、社交媒体）进行优化。适合在发布博客、编写文档、分享社交媒体、制作演示或报告前处理截图，也支持批量处理整个文件夹。处理时会保留原始文件作为备份。

设计与创作33 次安装

seedance-game-ui-livestream

该技能用于生成“像游戏实机录屏、直播或桌面录屏”的视频提示词，核心是让屏幕本身成为镜头，使 HUD、主播小窗、弹幕或字幕像真实界面一样固定在特定位置，并随剧情推进改变数值或横幅。内容源自 goodcase.ai 上 16 个人工验证的 Seedance 案例，提炼出一套单一提示词结构，属于 seedance-prompt-library 的同类技能：该库包含全部模板，而本技能只针对此类片段。适用场景包括 GTA 风格任务片段、主播小窗加游戏画面、互动桌面或界面录屏等，尤其是要求 HUD 看起来像真实界面的需求。工作流程包括收集输入、选择一个锚点案例、逐块填写结构、应用要点与检查陷阱，最后返回可直接粘贴的提示词、锚点案例链接和三条核验清单。结构块包含：格式开头、人物锁定、屏幕叠层说明、机位设定、时间轴分段、音频、硬规则收尾。要点涉及把叠层钉到固定位置、把 HUD 当作随节拍变化的记分牌、明确说明这是游戏画面并按游戏摄像机写法、写死人数并区分每个额外人物、按图层分语言并说明屏幕文字出现方式。常见坑包括 HUD 漂移或换布局、长句乱码、主播或主角出现两次、被剪成电影预告片等。

设计与创作33 次安装

gsap-performance

GSAP 官方性能优化技能，用于让 GSAP 动画保持流畅的 60fps、降低布局与重绘开销，并减少卡顿。该技能讲解了应优先使用 transform 与 opacity，避免动画化 width、height、top、left、margin、padding 等触发布局的属性；介绍了用 will-change 提示浏览器提升图层、批量读写避免布局抖动（layout thrashing）、用 stagger 替代大量独立补间、对高频更新的属性使用 gsap.quickTo()，以及在 ScrollTrigger 中谨慎使用 pin、合理设置 scrub、仅在布局变化时调用 ScrollTrigger.refresh() 等实践。还强调要暂停或清理屏幕外与不活跃的动画，减少同时进行的工作量。

设计与创作33 次安装