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.