screen

当用户希望设计移动应用、创建页面、构建 UI 或与其 Sleek 项目交互时使用。涵盖高级别的请求（“设计一个应用…

使设计适配不同的屏幕尺寸、设备、环境或平台。实现断点、流式布局和触摸目标。适用于……

自动化浏览器交互，用于 Web 测试、表单填写、截图和数据提取。当用户需要浏览网站、与 Web 交互时使用…

当用户想要创建或优化应用内付费墙、升级界面、追加销售弹窗或功能门控时使用。当用户提及“paywall”、…时也应使用。

随时查看你的 AI 智能体在做什么。智能体会持续生成日志、代码、输出结果、截图和构建产物。只需一条命令即可将文件夹转换为实时 URL，你（或队友）可在任意浏览器中打开，实时查看文件演变、就地编辑或添加评论——无需同步、无需打包、无需账号。工作区匿名保持在线 24 小时；通过一封邮箱认证即可永久保留。托管于 Cloudflare。触发指令包括“show me what the agent is doing”、“open the agent's folder”、“share this folder”、“give me a link”、“hand off this workspace”，或任何要求将智能体的本地文件状态共享给其他设备或他人的请求。

将整个网站下载为本地文件——Markdown、截图或每页多种格式。当用户想要在本地保存网站、下载文档以供离线使用、批量将页面保存为文件，或者说“下载网站”、“保存为本地文件”、“离线副本”、“下载所有文档”或“保存以供参考”时，请使用此技能。将网站映射和抓取功能结合，整理为有序的本地目录。

遵循 WCAG 2.2 指南审计并改进 Web 无障碍功能。当被要求“改进无障碍功能”、“a11y 审计”、“WCAG 合规性”、“屏幕阅读器……”时使用。

将 Firecrawl `/scrape` 集成到产品代码中，用于单页提取。适用于应用已获取 URL 并需要提取 markdown、HTML、链接、截图等内容的场景。

使用 Chrome DevTools MCP 进行专家级的浏览器自动化、调试与性能分析。用于与网页交互、截取屏幕截图、…

专为移动应用打造的精英级图像生成技能，用于创建高质量、原生应用风格的界面概念与交互流程。适用于 iOS、Android 及跨平台移动端……

创建适用于所有设备和屏幕尺寸的响应式网页设计。适用于构建移动优先布局、实现断点或优化……

用于 QA 测试和内部试用（dogfooding）的快速无头浏览器。可导航页面、交互元素、验证状态、对比前后差异、截取带标注的屏幕截图，测试响应式布局、表单、上传、对话框，并捕获 Bug 证据。当被要求打开或测试网站、验证部署、试用用户流程，或提交带截图的 Bug 时使用。(gstack)

使用 `LayoutBuilder`、`MediaQuery` 或 `Expanded/Flexible` 来创建适应不同屏幕尺寸的布局。适用于需要让 UI 在……上呈现良好效果的场景。

使用 previews.dart 系统为项目添加交互式组件预览。在创建新 UI 组件或更新现有屏幕时使用，以确保…

为任何组件、页面或视觉界面生成独特、达到生产级标准的 UI。当用户发送带有…的图片时，可处理基于截图的迭代。

在应用任何修复之前，找出错误、崩溃、回归、截图报告的缺陷、异常行为以及失败测试的根本原因。不适用于代码……

按照平台精确规格创建 App Store 和 Google Play 截图。涵盖 iOS/Android 尺寸、展示图排序、设备模型以及预览视频……

自动化 Apple 平台应用（iOS、tvOS、macOS）和 Android 设备。适用于导航应用、获取快照/截图、点击、输入、滚动等操作……

涵盖多个司法管辖区的海关单证、关税归类、关税优化、受限制方筛查和监管合规的体系化专业知识。由拥有15年以上经验的贸易合规专家提供支持。包含HS归类逻辑、国际贸易术语应用、自由贸易协定（FTA）利用及违规处罚规避。适用于处理海关清关、关税归类、贸易合规、进出口单证或关税优化等场景。

使用 Playwright 录制精美的 UI 演示视频。当用户要求为 Web 应用创建演示、操作演示、录屏或教程视频时使用。