用途：harden 用于在真实使用条件下加固界面，把边界情况当作设计输入，而非上线后的补救。它覆盖错误处理、国际化、文本溢出、空状态、权限、加载反馈、无障碍与性能韧性等维度。
主要能力：提供文本截断与换行、flex/grid 溢出防护、响应式字号等 CSS 方案；i18n 方面建议预留 30%–40% 翻译空间、使用逻辑属性支持 RTL、用 Intl API 格式化日期数字、用 i18n 库处理复数；错误处理覆盖网络失败、400/401/403/404/429/500/503 等状态码与重试、降级；还包括空状态、通知疲劳、加载反馈、大列表分页或虚拟滚动、并发防重复提交、权限状态与图片处理。
使用方式：先阅读 frontend-design 并遵循其 Context Gathering Protocol，收集高风险场景与用户约束；再按极端输入、错误场景、国际化、压力使用四类测试识别弱点，逐项加固。资料给出 .truncate、.line-clamp、min-width:0、prefers-reduced-motion 等示例代码，以及 debounce/throttle 用法。
适用场景：面向生产环境的 React Web 界面，尤其是含表单、上传、权限、通知、多语言或高压力操作流程的产品。
限制：资料未提供安装命令、版本、收费或平台信息；内容为设计指导与代码片段，需结合具体项目验证。