SuperAPI AI 工具集

ui-preview

通用与其它

查看项目

更新于 10-16 05:00

技能介绍

用途:预览本地开发服务器和 Storybook,并对页面截图,便于查看 UI 组件、检查 Web 或服务器应用。

主要能力:提供 navigate_page(跳转 URL)、take_screenshot(截图当前页面)、new_page(新开标签页)、press_key(按键,如 PageDown、End 滚动)、evaluate_script(在页面执行 JavaScript)等工具;截图可用 look_at 做视觉分析。

使用方式:先用 navigate_page 打开目标 URL,再用 take_screenshot 截图,随后分析截图。本地开发 URL 可查看 .amp/dev-environment.txt,默认 web=http://localhost:7001、server=https://localhost:7002。Storybook 位于 /storybook,可用 hash 直接访问具体故事,如 /storybook#${story-title};故事标题由文件名推导,handoff-story.svelte 对应 #handoff-tool。Webview Storybook(localhost:7001)包含线程、工具调用、编辑器与输入、Diff 查看器、设置、布局等组件;Server Storybook(localhost:7002)包含线程管理、设置、用户与资料、仪表盘、UI 组件、OG 图片等组件。

提示与限制:故事标题使用文件名的 kebab-case(去掉 -story.svelte);若 MCP 工具不可用可重新加载技能;可用 list_pages 管理多个标签页;滚动可用 press_key 配合 End 或 PageDown;自定义交互可用 evaluate_script。资料未提供安装命令、收费、价格或平台支持等细节。