skills.rest
yoshisada
yoshisadaCOMMUNITY
Explore all skills by this author →
GitHub

kiln-ux-evaluate

Automate UX evaluations of web apps with screenshots and structured reports.

Updated Mar 26, 2026
Search Tags:#accessibility#heuristics#ux#responsive-design#visual-design#design-review
One-click install
npx skills add https://github.com/yoshisada/ai-repo-template --skill kiln-ux-evaluate
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kiln-ux-evaluate
Source: https://github.com/yoshisada/ai-repo-template/tree/main/plugin-kiln/skills/kiln-ux-evaluate
Command: npx skills add https://github.com/yoshisada/ai-repo-template --skill kiln-ux-evaluate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Standalone UI/UX evaluation using /chrome. Navigates every page, takes screenshots at each viewport, and evaluates heuristics, visual design, accessibility, and interaction quality. No functional testing — just design review.

Core Features & Use Cases

  • Navigates every route and page, captures desktop/tablet/mobile visuals, and collects accessibility data.
  • Evaluates against Nielsen's 10 heuristics, a 10-dimension visual rubric, and WCAG 2.1 AA accessibility.
  • Produces a comprehensive UX evaluation report with actionable design recommendations.

Quick Start

Open the app in Chrome and start a UX evaluation to generate the report.

Frequently Asked Questions about kiln-ux-evaluate

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate a UX evaluation for a web app across mobile and desktop viewports?▼

Automate a UX evaluation by navigating every app page in Chrome to capture desktop, tablet, and mobile screenshots, then compile findings into a structured report targeting heuristics, visual design, and accessibility.

Do I need the Claude-in-Chrome extension to run a UX design review?▼

Yes, a standalone UX design review requires the Chrome browser and the Claude-in-Chrome extension to navigate routes, capture viewport screenshots, and collect the accessibility data needed for the report.

What heuristics and accessibility standards are used in an automated UX evaluation?▼

An automated UX evaluation assesses visual design against Nielsen's 10 heuristics, a 10-dimension visual rubric, and WCAG 2.1 AA accessibility standards to generate actionable design recommendations.

Can I use this approach to run functional tests on my web application?▼

No, this approach explicitly avoids functional testing and focuses solely on design review, evaluating interaction quality, visual design, accessibility, and heuristics without testing application logic.

What is the best way to evaluate responsive design across different screen sizes?▼

Evaluate responsive design by capturing screenshots at desktop, tablet, and mobile viewports for every page, allowing a comprehensive review of visual consistency and interaction quality across screen sizes.

Related Skills

Explore More Design & Creative Skills→
huichenhuichen

connect-chrome

Launch headed Chrome with the Side Panel extension via gstack on port 34567.

Community
Advanced
SiyeolryuSiyeolryu

ux-audit

Audits web and mobile UX for usability, accessibility, and WCAG 2.1 AA compliance.

Community
Intermediate
aquariuscookaquariuscook

QE Visual Accessibility

Test web applications for visual regressions, responsive design, and WCAG 2.2 AA compliance.

Community
Advanced
LimaTechnologiesLimaTechnologies

ui-ux-audit

Automate UI/UX audits for accessibility, responsiveness, and design-system consistency.

Community
Basic