FreeVideo
App window with zoom
- 365365 downloads
- 125125 likes
- 188188 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
Error messages and recovery states v1.0.0
Use this resource to improve the error messages and error states of a website or app
New
- 392 downloads
- 145 likes
- 144 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install error-states-and-recoveryWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent finds every way your interface can fail, then builds a matrix: failure, message, placement and recovery action. It rewrites the copy with a four-part anatomy (what happened, why, what to do, where to get help) and implements the components with accessibility wired in. You get the code and the final matrix.
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- MIT
Similar resources
View all- Free
FreeVideo
One big number
- 463463 downloads
- 223223 likes
- 100100 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
PalateKit Motion, the library
- 338338 downloads
- 198198 likes
- 249249 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three bars head to head
- 348348 downloads
- 133133 likes
- 182182 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Before / after slider
- 322322 downloads
- 248248 likes
- 238238 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three-card carousel
- 418418 downloads
- 157157 likes
- 101101 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Chat exchange
- 564564 downloads
- 127127 likes
- 161161 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Checklist ticking off
- 442442 downloads
- 233233 likes
- 160160 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: the five-step method, with placement rules for each failure type
- references/patterns.md: message rewrites, markup and CSS for each error class
- A delivery format: error-state matrix, silent failures fixed, copy changes
Good fit for
- Your signup form only shows "Invalid input"
- You want a useful 404 page or an offline screen
- An audit found silent errors or dead ends in a flow
Not for
- Handling errors on the server or in an API with no interface
- Building loading states or skeleton screens
- Writing brand or campaign copy
Tags
- errors
- ux
- forms
- accessibility
- 404
About
You say
"Audit the error handling of my site: rewrite the checkout form messages and create a 404 page with search."
Skill published by sanky369 under the MIT license.
Show moreShow less
Prerequisites
- You bring
- The code of your site or app and Your support email or link
How to use it
- Copy the skill folder into your agent's skills directory.
- Ask for an audit of your project's errors and give your support contact.
- Review the error-state matrix, then approve the proposed components.
Content preview
Files
- LICENSE1 KB
- NOTICE-PALATEKIT.md0.4 KB
- references/patterns.md6.7 KB
- SKILL.md9.4 KB
Origin and licence
Modified by PalateKit
- Author
- sanky369
- Source
- github.com/sanky369/vibe-building-skills/tree/e9714d8decbc9a76eaab3bd85866117b8010e9bc/skills/frontend-design/error-handling-recovery
- Licence
- MIT
Notice
Version modifiée de « error-handling-recovery » (sanky369, MIT) : traduction française et fiche par PalateKit.
User reviews
–
No ratings yet
Loading reviews…
Frequently asked questions
Does the skill depend on other skills?
No. It names neighbouring skills (loading, performance, accessibility) to hand off to, but works on its own with its two files.
Do I need a specific framework?
No. The patterns are plain HTML, CSS and JavaScript, and the agent adapts them to your project's component conventions.