screen

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

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

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

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

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

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

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

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

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。