FreeVideo
App window with zoom
- 365365 downloads
- 125125 likes
- 188188 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PalateKit Pick
UX states, forms, error messages and user flows v1.0.0
Use this resource to design how an interface behaves when data is missing, slow or failing
New
- 378 downloads
- 223 likes
- 239 saves
$4.99
Lifetime access to this resource, with its updates.
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install ux-states-and-flowsWith 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 maps the user flow, fills a state matrix (empty, loading, error, partial) and works on forms, button labels and error messages. You get an interface that stays clear with real data, slow networks and first-time use.
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: eight steps, a state matrix and a self-review checklist
- references/flow-patterns.md: onboarding, search, wizards, undo, paywalls
- Ready-to-apply tables for copy, validation timing and touch targets
Good fit for
- An interface that looks finished but breaks without data
- A signup or checkout form to make reliable
- Error messages and button labels to rewrite
Not for
- Choosing colors, fonts or visual style
- A detailed accessibility audit
- Creating illustrations or visuals
Tags
- ux
- forms
- empty-states
- error-messages
- user-flows
About
You say
"Review my signup form: empty states, errors, button wording and delete with undo."
Skill published by osmontero under the MIT license.
Show moreShow less
Prerequisites
- You bring
- The screen, component or flow to review and Your audience and interface language
How to use it
- Describe the screen or flow to review
- The agent writes the missing flow branches, states and copy
- Walk through the result with no data, then on a slow connection
Content preview
Files
- LICENSE1 KB
- NOTICE-PALATEKIT.md0.4 KB
- references/flow-patterns.md6.8 KB
- SKILL.md14.8 KB
Origin and licence
Modified by PalateKit
- Author
- osmontero
- Source
- github.com/osmontero/opencode-skills/tree/1c181c198a7d4dee146946cbf97913047fa40364/skills/designing-user-experience
- Licence
- MIT
Notice
Version modifiée de « designing-user-experience » (osmontero, MIT) : traduction française et fiche par PalateKit.
User reviews
–
No ratings yet
Loading reviews…
Frequently asked questions
Do I need existing code?
The agent can edit your current interface, or just describe flows, states and copy if you have no code yet.
Can it write copy in my language?
Yes. The examples are in English, but the agent writes yours in your product language.