layout

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

在 RunComfy 上使用 OpenAI GPT Image 2（ChatGPT Images 2.0 的 `/edit` 端点）编辑图像——内置该模型的文档化提示词模式，使该技能比针对同一模型的朴素提示词获得更精准的输出。记录了 GPT Image Edit 的优势（保留语言、多语言图像内文本编辑、最多支持 10 张图像的多重参考、布局/排版精度）、数据架构，以及何时应路由至 Nano Banana Edit / Flux Kontext / GPT Image 2 t2i。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/edit`。在触发词为“gpt image edit”、“gpt-image-edit”、“chatgpt image edit”、“edit with gpt image 2”，或任何明确要求使用此模型进行编辑时触发。

在 RunComfy 上编辑图像——此技能是一个智能路由器，可将用户意图匹配至 RunComfy 目录中最合适的编辑模型。支持选择 Nano Banana Edit（批量处理最多 20 张，默认保持身份特征）、OpenAI GPT Image 2 Edit（多语言图像内文本重写、多参考组合、精准布局）、Flux Kontext Pro（单参考高保真局部编辑）或 Z-Image Turbo Inpaint（基于遮罩的精准区域编辑）。内置各模型官方文档的提示词模式，使该技能能获得更精准的编辑效果，避免在错误的模型上浪费迭代次数。通过本地 RunComfy CLI 调用 `runcomfy run <vendor>/<model>/edit`。触发词包括“image edit”、“edit image”、“image-to-image”、“i2i”、“swap background”、“remove object”、“rewrite headline”，或任何明确要求编辑单张或批量图像的指令。

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

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

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

[已弃用：请使用 baoyu-image-cards] 生成小红书图片卡片系列，支持 12 种视觉风格、8 种布局和 3 种调色板。突破……

支持 21 种布局类型和 22 种视觉风格，生成专业信息图表。分析内容，推荐布局与风格的组合，并生成……

支持多种艺术风格和语气的知识漫画创作者。可创作原创教育漫画，包含详细的分镜布局和连续图像……

审查并修复动画性能问题，包括布局抖动、合成器属性、滚动关联动画和模糊效果。适用于以下情况：动画……

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

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

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

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

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

官方 GSAP 性能优化技能 —— 优先使用 transforms，避免布局抖动，使用 will-change，进行批量处理。适用于优化 GSAP 动画、减少卡顿或……

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

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

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

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