# Forge Harden

> Add error states, loading states, i18n safety, and edge case handling using your design system's tokens.

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

---


# /forge-harden — Production Hardening

Make the interface production-ready:

1. Error states using --danger and --danger-subtle tokens
2. Loading states (skeleton using --surface-sunken)
3. Empty states with centered messaging
4. Text overflow handling (ellipsis, word-break)
5. Logical properties for RTL support (padding-inline, margin-block)
6. @supports checks for modern CSS features

All states use your system tokens, not hardcoded values.