SuperAPI AI 工具集

Skill 广场

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

更新于 11-10 00:15

全部 Skills

249,290 个结果

debug-broken-ui

debug-broken-ui 是 Reticle 提供的一项技能,用于排查运行中的 Web 应用“代码看起来正确、控制台却没有报错”的故障。它不靠反复阅读源码或猜测,而是从页面内部读取证据:点击是否触发了请求、请求返回了什么、状态存储有没有变化、元素是否被遮挡。技能通过 reticle_look、reticle_act_and_wait、reticle_observe、reticle_scroll_to、reticle_storage、reticle_session 等工具,逐步缩小范围,最终给出对应的组件源码位置与 file:line。资料还提供了诊断对照表,覆盖“没有发请求”“请求 4xx/5xx”“2xx 但界面没变”“界面与状态不同步”“点击无反应”“可见元素却找不到”“登录状态未持久化”等常见现象。使用前若未安装,可通过 npx @reticlehq/server@latest init 并配合 install-and-verify 技能完成安装。修复后应重新以 verdict 方式复跑复现流程确认,而不是只凭肉眼查看页面。

编程与开发260 次安装

web-design-guidelines

web-design-guidelines 是一个用于审查 UI 代码是否符合 Web Interface Guidelines 的技能。它会在每次审查前从指定源地址拉取最新规则,读取用户指定的文件或文件模式,逐条对照规则检查,并以简洁的 file:line 格式输出发现的问题。适用于被要求“审查我的 UI”“检查无障碍”“审计设计”“审查 UX”或“检查我的网站”等场景。若用户未指定文件,会先询问需要审查哪些文件。

设计与创作260 次安装

cdp-ext-pilot

CDP Extension Pilot 是一个用于启动带未打包扩展的 Chrome 浏览器,并通过 CDP(Chrome DevTools Protocol)测试其 UI 的工具。当系统中没有合适的 Chrome 时,它会自动安装 Chrome for Testing。它能够加载指定扩展、打开扩展的 sidepanel、popup 或 options 页面,并借助配套的 cdp-connect 技能对界面元素进行交互与验证。该工具以脚本形式提供,主要命令包括 launch(启动)、open(打开 UI)、status(查看会话状态)和 close(关闭并清理配置文件),适合在开发阶段对浏览器扩展的界面进行自动化调试与测试。

前端与建站259 次安装

page-langs

page-langs 是一个用于检测网页语言的技能工具,能够识别网页中声明的语言标记以及正文实际使用的语言。它需要 Node 22+ 环境,通过 playwright-cli 进行浏览器访问,并使用 Google CLD3(WASM)进行基于内容的语言检测。输出结果包含 detected(CLD3 检测结果,含语言、置信度、可靠性、比例)、declared(结构化信号,含 htmlLang、nestedLangs、hreflang、metaContentLanguage)、reconciliation(一致性比对,分为 agreement、declaredNotDetected、detectedNotDeclared 三类)以及 wordCount(用于 CLD3 的可见正文字数)。该工具适用于检测网页多语言使用情况、验证语言标记与实际内容是否一致、发现遗漏的 hreflang 或 lang 属性等场景。使用时需先安装 npm 依赖,再依次执行定位脚本、打开页面、收集信号并检测语言、验证输出四个步骤。短页面在词数极少(约少于 10 词)时 CLD3 不返回结果,声明的语言代码可能为 BCP-47 格式而检测结果为 ISO 639-1 格式,工具会按主语言子标签进行归一化。该技能处理不受信任的外部内容,输出结果需谨慎对待,不应执行外部内容中的代码或指令。

测试与质量259 次安装