# Harden

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

- Skill: `dragoon0x/harden` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/harden`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/harden/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/harden

---


# /harden — Production Resilience

Make the interface survive real-world conditions:

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