factor-of-safety-content-stress

What problem does it solve?

This Skill prevents UI breakage by designing for content extremes such as very long text, large numbers, missing images, internationalized strings, dense data, and edge-case empty/loading/error states.

Core Features & Use Cases

• Worst-case content stress testing: validates layouts against long names, maximum-length identifiers, oversized numeric values, and multi-line wrapping scenarios instead of ideal placeholders.
• Robust rendering strategies: ensures truncation/wrapping rules, image fallbacks (missing or wrong aspect), and translation/RTL behavior remain usable under stress.
• Deliberate state design: covers empty states, loading states, and error states so the UI stays coherent when data is absent or fails.
• Worked patterns and anti-pattern guidance: provides practical examples (e.g., safe wrapping, numeric column sizing, i18n stretch) and highlights common failure modes like sample-data-only testing.

Quick Start

Use this skill to review a UI design against maximum-length and worst-case content, then update components so they gracefully handle truncation, wrapping, missing assets, empty/loading/error states, and RTL/i18n expansion.