用途：作为前端 UI 实现与审查的质量门禁，覆盖长文本、溢出、换行、截断、对齐、间距、响应式、组件状态、可访问性、国际化与视觉打磨。核心假设是任何 UI 都可能遇到比设计稿更长的标签、名称、URL、ID、价格、翻译文本、用户输入、错误信息、表格单元格、徽章、面包屑、标签页和按钮文字。
主要能力：识别文本风险面；为每个文本容器定义换行、截断、滚动或自适应行为；检查 flex/grid 的 min-width:0、minmax(0,1fr) 等陷阱；规范对齐与间距；审查排版、响应式断点、按钮、表单、表格、卡片、导航、弹窗、图片等组件；提供 Tailwind 与组件库（Ant Design、shadcn/ui 等）注意事项；强调可访问性与国际化文本扩展。
使用方式：先检查项目现有框架、样式系统、组件库、断点与 token，复用现有组件；再定位文本风险面并定义行为；实施最小修复，如补 min-width:0、max-width、overflow-wrap、line-clamp 或滚动；最后用窄屏、平板、桌面及长字符串、CJK、混合语言、URL、空值等对抗性内容验证，必要时用浏览器截图或 DOM 检查。
适用场景：涉及 HTML、CSS、React、Vue、Svelte、Next.js、Tailwind、表单、表格、仪表盘、弹窗、抽屉、导航或响应式布局的构建、修改与审查；用户要求打磨 UI、修复溢出、改进对齐、审查前端代码或验证截图时。
限制：不适用于纯后端、CLI、数据库或基础设施任务；不用于品牌识别、插画、Logo 或图像生成；不替代专门的截图转代码或设计还原技能；不提供正式 WCAG 评分级可访问性审计。资料未提供安装命令、收费或平台信息。