New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

UX States Audit

by markmdev in markmdev/meridian

Audit UI code for missing loading states, empty states, and error states.

No licenceAuto-check passedDevelopment

Install UX States Audit

skills CLI
$ npx skills add markmdev/meridian --skill ux-states-audit -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install markmdev/meridian ux-states-audit --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/markmdev/meridian.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/ux-states-audit .claude/skills/ux-states-audit && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
ux-states-audit
GitHub stars
186
Token cost
~703 tokens
SKILL.md length
377 words
Files
2 (incl. references)
Skills in repo
6
Repo updated
First seen
Licence
None found

At a glance

Audit UI code for missing loading states, empty states, and error states.

  • Works in 5 steps: Identify the scope from the user's request → Find every component that fetches data… → For each: check whether loading, empty,… → …
  • Development work in your project
  • SKILL.md covers Step 0: Understand existing…, What to look for, Process and Fix principles, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

UX States Audit is an agent skill from markmdev/meridian. Audit UI code for missing loading states, empty states, and error states. Every async operation and data-driven UI must handle all three. Finds gaps and implements the missing states using the app's existing patterns.

Its SKILL.md is about 700 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/ux-patterns.md`).

It sits in Development. The repository describes itself as: Zero-config Claude Code setup with enforced task scaffolding, structured memory, persistent context after compaction, plug-in code standards, optional TDD mode, and zero behavior…

When your agent uses it

  • Development work in your project

Example prompts

  • “/ux-states-audit”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Identify the scope from the user's request
  2. Find every component that fetches data or triggers async work
  3. For each: check whether loading, empty, and error states are handled
  4. Implement missing states using the patterns found in Step 0
  5. Report what was added, by component

What it can do on your machine

Read from SKILL.md and the folder at commit d9b8775. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

UX States Audit loads about 703 tokens when it runs, and up to ~5.5k if it reads all its reference files. Until then it costs about 58 tokens; SKILL.md has 377 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~58
When it runs · the whole SKILL.md, loaded when a task matches
~703
With references · SKILL.md plus every file in references/, read only if the agent opens them
~5.5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 377 words (~703 tokens).

“Every piece of UI that fetches data or triggers async work has three states beyond the happy path: loading, empty, and error. LLMs implement the happy path and leave the rest blank. This skill finds and fills those gaps.”

— opening of SKILL.md by markmdev
name
ux-states-audit

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file (references) in skills/ux-states-audit of markmdev/meridian.

  • SKILL.md
  • references/ux-patterns.md

Open the folder on GitHubat commit d9b8775

Compare with similar skills

UX States Audit next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

UX States Audit compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UX States Audit this skillmarkmdev/meridian186—~703Automated safety check: PassNone
Vercel Composition Patternssupabase/supabase111k59 repos~726Automated safety check: PassMIT
Finishing a Development Branchobra/superpowers296k5 repos~1.9kAutomated safety check: PassMIT
Typescript Advanced Typesrolling-scopes/rsschool-app10k25 repos~4.2kAutomated safety check: PassMPL-2.0
PR Babysitteropeninterpreter/openinterpreter69k3 repos~4.2kAutomated safety check: PassApache-2.0
Code Review ChecklistshareAI-lab/learn-claude-code78k5 repos~1.1kAutomated safety check: PassMIT

Similar skills

  • Vercel Composition Patterns

    supabase/supabase

    Official

    React composition patterns that scale. An agent skill from supabase/supabase.

    111k GitHub starsUsed in 59 repos~726 tokens
    DevelopmentAuto-check passed

  • Finishing a Development Branch

    obra/superpowers

    Walks the last step of a branch: confirm tests pass, detect the git environment, ask how to integrate, carry out your choice and clean up the worktree.

    296k GitHub starsUsed in 5 repos~1.9k tokens
    DevelopmentAuto-check passed

  • Typescript Advanced Types

    rolling-scopes/rsschool-app

    Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications.

    10k GitHub starsUsed in 25 repos~4.2k tokens
    DevelopmentAuto-check passed

  • PR Babysitter

    openinterpreter/openinterpreter

    Watches an open GitHub pull request until it merges, handling review comments, diagnosing CI failures and retrying flaky checks along the way.

    69k GitHub starsUsed in 3 repos~4.2k tokens
    DevelopmentAuto-check passed

  • Code Review Checklist

    shareAI-lab/learn-claude-code

    Reviews code against a five-part checklist covering security, correctness, performance, maintainability and testing, and reports findings in a fixed format.

    78k GitHub starsUsed in 5 repos~1.1k tokens
    DevelopmentAuto-check passed

  • Greploop

    onyx-dot-app/onyx

    Iteratively improves a PR (GitHub), MR (GitLab), or shelved changelist (Perforce) until Greptile gives it a 5/5 confidence score with zero unresolved comments.

    32k GitHub starsUsed in 4 repos~3.3k tokens
    DevelopmentAuto-check passed

More from markmdev/meridian

  • Planning

    markmdev/meridian

    Interview-driven planning methodology that produces implementation-ready plans.

    186 GitHub stars~1.3k tokensUpdated 7 mo ago
    Auto-check passed

  • Add Frontmatter

    markmdev/meridian

    Scan all .md files in the project and add or fix YAML frontmatter (summary + readwhen) so they can be discovered by context routers like Reflex.

    186 GitHub stars~444 tokensUpdated 7 mo ago
    Auto-check passed

  • Error Audit

    markmdev/meridian

    Audit code for silent error swallowing, fallbacks to degraded alternatives, backwards compatibility shims, and UI that fails to show errors to the user.

    186 GitHub stars~772 tokensUpdated 7 mo ago
    Auto-check passed

  • Observability Audit

    markmdev/meridian

    Audit code for observability gaps — debug logs left in, errors caught without being logged, missing context on log entries, untracked slow operations.

    186 GitHub stars~836 tokensUpdated 7 mo ago
    Auto-check passed

  • Create Docs

    markmdev/meridian

    Create or update .meridian/docs/ knowledge files for a module or directory.

    186 GitHub stars~839 tokensUpdated 7 mo ago
    Auto-check passed

Categories

Questions about UX States Audit

What does UX States Audit do?

Audit UI code for missing loading states, empty states, and error states. UX States Audit is an agent skill from markmdev/meridian. Audit UI code for missing loading states, empty states, and error states.

When should I use UX States Audit?

UX States Audit fits situations like: development work in your project.

How do I install UX States Audit in Claude Code?

Run `npx skills add markmdev/meridian --skill ux-states-audit -a claude-code`. Or copy the skill folder (skills/ux-states-audit in markmdev/meridian) into .claude/skills/ux-states-audit in your project. Claude Code loads it when a task matches its description.

How do I install UX States Audit in Codex?

Run `npx skills add markmdev/meridian --skill ux-states-audit -a codex`. Or copy the skill folder (skills/ux-states-audit in markmdev/meridian) into .agents/skills/ux-states-audit in your project. Codex loads it when a task matches its description.

Can I use UX States Audit in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add markmdev/meridian --skill ux-states-audit -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ux-states-audit, .gemini/skills/ux-states-audit, .github/skills/ux-states-audit and .opencode/skills/ux-states-audit in your project.

What does UX States Audit need to run?

SKILL.md names no scripts, command-line tools or credentials: UX States Audit is instructions for the agent only.

Does UX States Audit access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is UX States Audit safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does UX States Audit use?

No licence was found for UX States Audit or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does UX States Audit use?

About 703 tokens (SKILL.md is roughly 2.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 4.8k tokens, read only when the agent opens those files.

What are the alternatives to UX States Audit?

Skills that share tags, products or a category with UX States Audit: Vercel Composition Patterns (supabase/supabase, 111k stars), Finishing a Development Branch (obra/superpowers, 296k stars), Typescript Advanced Types (rolling-scopes/rsschool-app, 10k stars) and PR Babysitter (openinterpreter/openinterpreter, 69k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UX States Audit?

markmdev (a GitHub user) maintains it in markmdev/meridian, which has 186 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on March 11, 2026.

Source: markmdev/meridian on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.