claude

ui-fidelity

Multi-gate UI audit for React/Vite/Playwright projects — catches dead buttons, orphan routes, flow-continuity breaks, intent-contract violations, contrast bugs, offscreen toasts, and persona-journey gaps. Includes LLM-as-critic UX pass for label/behavior mismatches and off-persona CTAs that lint and tests will never find.

0 on GitHubby seanv0.1.0Apache-2.0updated 1 month agodevelopment
/

Plugin ui-fidelity from marketplace kraken in KrakenNet/kraken-plugins. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (1)

  • ui-fidelity

    Use when auditing a React/Vite UI for dead buttons, orphan routes, flow-continuity breaks, intent-contract violations, contrast bugs, persona-journey gaps, or LLM-grade UX issues. Loaded by ui-fidelity:* commands.

Slash commands (4)

  • /ui-fidelity:audit

    Run full UI-fidelity audit (8 gates) on changed routes or given paths. Writes .ui-fidelity/report.{json,md}.

  • /ui-fidelity:critic

    LLM-as-critic UX pass on a route. Screenshots + DOM + INTENT.md → adversarial findings JSON.

  • /ui-fidelity:intent

    Scaffold or edit INTENT.md for a route. Required before /ui-fidelity:audit will pass gate 6 on that route.

  • /ui-fidelity:persona

    Run persona-journey Playwright suite. Each persona has a narrative spec under tests/persona/<persona>.spec.ts.

Subagents (7)

  • audit-orchestrator

    Orchestrates the 8-gate UI-fidelity audit. Spawns gate agents in parallel, aggregates findings, writes report. Use when /ui-fidelity:audit fires.

  • flow-continuity-checker

    Static AST gate. Detects input/textarea/select on a surface whose primary CTA handler does not reference any of those inputs (orphan input bug).

  • intent-checker

    Asserts every touched route has a valid INTENT.md and that the route's primary CTA matches the declared target; prohibited components are not mounted.

  • llm-ux-critic

    Adversarial LLM UX critic. Given persona, INTENT.md, screenshot, and DOM, lists dead-ends, redundant CTAs, label/behavior mismatches, missing primary path.

  • orphan-route-scanner

    Detects routes registered in App.tsx that have no Link or navigate(...) reference outside their own file tree.

  • persona-journey-runner

    Runs a persona's narrative Playwright spec; on failure, triages which gate (label/handler/route/intent) is the root cause.

  • playwright-gates

    Runs Playwright-based gates in one pass (console-error, dead-button, contrast/axe, persona-journey). Read-only on app source; writes findings under .ui-fidelity/findings/.

View source on GitHub

More from KrakenNet/kraken-plugins

All 8 plugins →

railyard

claude

Guided creation and management of Railyard platform entities (agents, governors, tools, workflows, credentials, knowledge graph, memories, chat sessions, knowledge bases, integrations, inbound sources, LLM models, ML stack, pipelines, skills, chatbots, budgets, alerts, compliance, dashboards, webhooks) via REST API with iterative build-test-fix verification.

3 skills · 26 commands · 10 agents

0

forge

claude

Ultimate AI software team — 17-stage spec-anchored pipeline with dual interrogation (PM + design), parallel research, locked tests, adversarial Ralph Loop, anti-cheat gate, inter-stage review, spec GraphRAG, Reflexion lessons, failure recipes, cheap-model triage, and Phase 3 CI/CD ensemble reviewers.

2 skills · 8 commands · 17 agents · hooks

0

stargraph

claude

Author + operate Stargraph — graphs, skills, nodes, tools, triggers, Bosun rule packs, markdown SKILL.md skills, directory-based plugins; run/replay/counterfactual against stargraph serve, drive HITL, inspect checkpoints.

2 skills · 18 commands · 8 agents

0

kb

claude

Kraken Knowledge Base lifecycle management — works with railyard, fathom, nautilus, stargraph. Create, update, audit, lint, and manage KB articles with automatic staleness detection and KB-first development enforcement.

2 skills · 11 commands · 5 agents

0

fathom

claude

Author and operate Fathom CLIPS rule packs — scaffold packs, templates, and rules; validate/test/bench locally; evaluate, hot-reload, and verify artifacts against a running engine.

2 skills · 10 commands · 4 agents · 1 MCP server

0

nautilus

claude

Author and operate Nautilus brokers — scaffold sources, adapters, and rule packs; drive request/sources/caps APIs; verify attestations and tail audit logs.

2 skills · 10 commands · 4 agents · 1 MCP server

0

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

5 skills + 35 modes + Material Passport pipeline. Includes v3.6.7 cross-model audit gate and v3.6.8 generator-evaluator contract.

5 skills · 16 commands · 4 agents · hooks

Imbad0202/academic-research-skills 56,698

Maintain ui-fidelity?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins8 plugins