SuperAPI AI 工具集

harden

前端与建站

查看项目

更新于 10-16 05:44

技能介绍

harden 是一个提升界面生产环境韧性的技能,用途是让界面在真实条件下保持可用。资料说明其核心目标是改善接口韧性,具体覆盖以下方面。

主要能力包括:文本溢出处理,在需要处添加 text-overflow: ellipsis,并用 overflow-wrap: break-word 处理长单词;错误状态,涵盖表单校验提示、API 调用失败、空结果;加载状态,包含骨架屏、按钮上的加载指示、渐进式加载;国际化准备,避免使用会因译文变长而破坏布局的硬编码宽度,并采用 RTL 安全间距,即使用逻辑属性如 padding-inline、margin-block;缺失内容处理,为缺失图片、空列表、空数据提供回退方案;浏览器支持检查,通过 @supports 检查 CSS 特性支持情况。

使用方式:资料给出调用形式 /harden,并标注为“Production Resilience(生产韧性)”。除此之外,未提供更详细的安装命令、配置参数或分步操作说明。

适用场景:在界面需要面对真实世界条件时,例如多语言翻译、网络请求失败、数据为空或图片缺失、文本过长、以及需要兼容不同浏览器 CSS 特性的场景。

限制:资料未提供该技能的具体实现细节、依赖要求、适用框架或平台范围,也未提及收费、价格或效果保证。上述内容暂未提供。