layout

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

改善布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提及布局感觉……时使用。

改进布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提到布局感觉……时使用。

精英 UX/UI 与高级 GSAP 动效工程师。采用 Python 驱动的真随机化实现布局差异，遵循严格的 AIDA 页面结构，宽版编辑式……

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

验证动画时长，强制排版比例，检查组件可访问性，并防止 Tailwind CSS 项目中的布局反模式。使用场景……

提供全面的 Tailwind CSS 实用优先样式模式，涵盖响应式设计、布局工具、flexbox、grid、间距、排版、颜色等……

使用约束系统和布局组件构建 Flutter 布局。在创建或优化 Flutter 应用的 UI 结构时使用。

使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应…

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

使用 Dart 和 Flutter MCP 工具修复 Flutter 布局错误（溢出、无界约束）。在处理“RenderFlex overflowed”、“Vertical…”时使用。

设计演示文稿视觉效果和幻灯片版式。创建视觉概念，推荐图形，并为极具影响力的 PowerPoint 幻灯片提供设计规范。

HTML PPT Studio —— 创作专业的静态 HTML 演示文稿，支持多种风格、布局和动画，全部由模板驱动。当用户要求……时使用。

着陆页转化率优化，涵盖布局规则、首屏设计与 CTA 心理学。包括首屏公式、社会认同放置、移动端…

影视与视频分镜设计，涵盖镜头词汇、连贯性规则和画格布局。包含景别、摄像机角度、运动、180度规则以及……

构建生产级 UI。适用于构建或修改面向用户的界面。适用于创建组件、实现布局、管理状态或……

处理 PowerPoint (.pptx) 的创建、设计和分析。适用于融资演示文稿、状态更新和视觉叙事。在需要精确布局定位和设计原则时主动使用。示例： - 用户：“为董事会会议创建一个10页的演示文稿” -> 使用设计原则 + html2pptx - 用户：“将此报告转换为演示文稿” -> 提取文本并映射到模板 - 用户：“审查此演示文稿的布局问题” -> 生成缩略图网格以供检查

使用上游 rhwp Rust CLI 调试 HWP 布局、转储文档 IR、对比版本、提取缩略图，以及解锁只读 HWP……