harden

星标0

分支0

更新时间2026年3月20日 15:09

Improve interface resilience. Add error handling, i18n support, text overflow handling, and edge case management.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

Dragoon0x

Dragoon0x/optik

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

/harden — Production Resilience

Make the interface survive real-world conditions:

Text overflow — Add text-overflow: ellipsis where needed. Handle long words with overflow-wrap: break-word.
Error states — Form validation messages, failed API calls, empty results.
Loading states — Skeleton screens, spinner on buttons, progressive loading.
i18n readiness — No hardcoded widths that break with longer translations. RTL-safe spacing (use logical properties: padding-inline, margin-block).
Missing content — Fallback for missing images, empty lists, null data.
Browser support — Check for CSS feature support with @supports.

同仓库更多 Skills

同仓库

a11y-audit

Dragoon0x/optik

Full accessibility audit covering focus management, semantic HTML, ARIA attributes, color contrast, touch targets, screen reader experience, and motion safety.

2026-03-200

a11y-fix

Dragoon0x/optik

Auto-fix detectable accessibility issues. Adds focus styles, semantic HTML, ARIA attributes, and touch target sizing.

2026-03-200

align

Dragoon0x/optik

Verify visual alignment across sections. Check that headings, text, images, and components share consistent alignment points.

2026-03-200

animate

Dragoon0x/optik

Add purposeful motion and transitions to the interface. Focuses on high-impact moments: page load reveals, hover states, and scroll-triggered entries. Not decorative jitter.

2026-03-200

aria

Dragoon0x/optik

Audit and fix ARIA attributes. Ensures proper aria-label, aria-hidden, aria-live, and role usage throughout the interface.

2026-03-200

audit

Dragoon0x/optik

Comprehensive design quality audit with severity ratings, specific line references, and actionable fix instructions. Deeper than /score — examines every declaration.

2026-03-200

name	harden
description	Improve interface resilience. Add error handling, i18n support, text overflow handling, and edge case management.
user-invokable	true

/harden — Production Resilience

Make the interface survive real-world conditions:

Text overflow — Add text-overflow: ellipsis where needed. Handle long words with overflow-wrap: break-word.
Error states — Form validation messages, failed API calls, empty results.
Loading states — Skeleton screens, spinner on buttons, progressive loading.
i18n readiness — No hardcoded widths that break with longer translations. RTL-safe spacing (use logical properties: padding-inline, margin-block).
Missing content — Fallback for missing images, empty lists, null data.
Browser support — Check for CSS feature support with @supports.