Harden interfaces against edge cases, errors, i18n issues, and text overflow.
npx skills add https://github.com/po4yka/blog --skill harden-po4yka
Please help me install this Agent Skill. Skill: harden Source: https://github.com/po4yka/blog/tree/main/.agents/skills/harden Command: npx skills add https://github.com/po4yka/blog --skill harden-po4yka
High-intent search queries and answers about installing and using this skill.
Use text-overflow: ellipsis with overflow: hidden for single-line truncation, or -webkit-line-clamp for multi-line clamping. Set min-width: 0 on flex and grid items so they can shrink below content size, and use overflow-wrap: break-word for long unbroken strings.
Use CSS logical properties such as margin-inline-start and padding-inline instead of physical left/right properties. Mirror directional icons with transform: scaleX(-1) under [dir="rtl"], and test layouts with Arabic or Hebrew content.
Map each status code to a specific UI response: 400 shows validation errors, 401 redirects to login, 403 shows a permission message, 404 shows a not-found state, 429 shows a rate-limit notice, and 500 shows a generic error with a retry option.
German text is often 30% longer than English, so fixed-width containers overflow. Use flexible flexbox or grid layouts with padding-based sizing instead of fixed widths, and budget 30-40% extra space for translated strings.
Disable the submit button while the request is in flight and guard the handler with a pending state flag. For optimistic updates, keep a rollback path so failed mutations restore the previous state.
breverdbidderCreate production-grade frontend interfaces with responsive design and performance optimization.
gulati8Generates Playwright-based end-to-end regression suites with nine-phase workflow and CI-ready artifacts.
wilrfDispatch parallel agents to audit code and generate a prioritized BUGHUNT.md report.
DazlarusGenerates Hypothesis property-based tests, invariants, and stateful test strategies for Python code.
