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 リポジトリを開く Creator のリポジトリを見る

ダウンロード

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.