Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Interface usability foundations v1.0.0

Use this resource to critique or design an interface so it is easy to use

New

  • 495 downloads
  • 134 likes
  • 178 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-usability-foundations

With 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 login

The agent reviews an interface in a fixed order (goal, comprehension, navigation, labels, feedback, errors, accessibility) or builds one starting from the user's task. You get a critique ranked by impact, quick wins and the behavior to specify for every screen state.

Mostly picked by

Updated November 2, 2026

Usability principles sheet: goals, feedback, error prevention, navigation.

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • SKILL.md: principles, defaults, critique and creation workflows
  • references/principle-cards.md: each principle as a reusable card
  • references/checklists.md and anti-patterns.md: checklists and common mistakes
  • references/decision-prompts.md: questions to ask when the answer changes the recommendation

Good fit for

  • Auditing a checkout page, a form or a settings page
  • Designing the onboarding flow of a new product
  • Writing the empty, error and loading states of a screen

Not for

  • Choosing a visual identity, fonts or colors
  • Running real user research with participants
  • Defining a site's technical architecture

Tags

  • ux
  • usability
  • accessibility
  • forms
  • audit

About

You say

"Review the sign-up form of my online store and tell me what makes visitors give up, with fixes ranked by priority."

Usability principles sheet: goals, feedback, error prevention, navigation.

Skill published by hueyexe under the MIT license.

Show more

Prerequisites

You bring
The screen, flow or code to review and The target audience and the user's main goal

How to use it

  1. Copy the skill folder into your agent's skills folder.
  2. Describe the screen or flow to review and its audience.
  3. Apply the fixes in order of impact on the task.

Content preview

Files

  • LICENSE1.1 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • references/anti-patterns.md8.5 KB
  • references/checklists.md6.3 KB
  • references/decision-prompts.md10.3 KB
  • references/principle-cards.md15.9 KB
  • SKILL.md16.5 KB

Origin and licence

Modified by PalateKit

Author
hueyexe
Source
github.com/hueyexe/frontend-agent-skills/tree/2841c079dd8a9c634882227194dc42e25227710d/ux-usability-foundations
Licence
MIT

Notice

Version modifiée de « ux-usability-foundations » (hueyexe, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Do I need to provide a screenshot or code?

Both help, but a precise description of the screen and the user goal is enough for a first critique.

Does the skill write code?

It gives behavior and structure guidance (states, accessibility, forms). Visual styling is left to you or to a design skill.