designer

Identify usability issues in web, mobile, and CLI interfaces and produce prioritized P0/P1/P2 findings.

Updated Feb 17, 2026
One-click install
npx skills add https://github.com/tim-hub/role-based-skills --skill designer-tim-hub
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: designer
Source: https://github.com/tim-hub/role-based-skills/tree/main/designer
Command: npx skills add https://github.com/tim-hub/role-based-skills --skill designer-tim-hub

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The designer skill identifies usability friction, unclear interfaces, and accessibility gaps across web, mobile, and CLI products so teams can make interfaces easier to use and understand. It turns vague complaints and inconsistent patterns into prioritized, actionable fixes that reduce user errors, speed task completion, and improve accessibility.

Core Features & Use Cases

  • Comprehensive UX Audit: Walk through clarity, simplicity, consistency, feedback/state, accessibility, interaction cost, and error prevention using a prioritized checklist.
  • Prioritized Findings: Classify issues into P0 (critical), P1 (moderate), and P2 (minor) with concrete remediation steps and example UI/markup changes.
  • Implementation Guidance: Suggest code, layout, and copy adjustments; recommend accessibility attributes and testing checkpoints.
  • Platform-Specific Notes: Apply responsive, mobile thumb-zone, and CLI best practices when reviewing web pages, mobile screens, or command-line interfaces.
  • Use Cases: Heuristic review of a signup flow, accessibility audit for contrast and ARIA, simplification of multi-step forms, and CLI help output improvements.

Quick Start

Review the provided login page and produce a prioritized UX audit with P0–P2 issues, suggested fixes, and any accessible code or copy changes.

Frequently Asked Questions about designer

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

FAQPage Schema
How do I run a UX audit on a web interface to identify usability issues?

To run a UX audit on a web interface, evaluate clarity, consistency, feedback, and accessibility. The designer skill analyzes web, mobile, and CLI screens to produce prioritized findings by impact (P0/P1/P2) with actionable recommendations and suggested markup fixes.

Can I check accessibility and ARIA compliance for mobile and web screens?

Yes, you can check accessibility and ARIA compliance for mobile and web screens. The review includes contrast checks, recommended accessibility attributes, and platform-specific best practices like mobile thumb-zone optimization to ensure interfaces are usable and understandable.

What is the best way to simplify a multi-step form and reduce user errors?

The best way to simplify a multi-step form is to review interaction costs and error prevention mechanisms. This process turns vague complaints into prioritized, actionable fixes that reduce user errors and speed up task completion across pages and screens.

Does CLI help output optimization apply to command-line interface reviews?

Yes, CLI help output optimization applies directly to command-line interface reviews. The evaluation applies CLI best practices to identify usability friction and improve ease of understanding for command-line outputs alongside web and mobile platforms.

How do I prioritize UI findings and get actionable code fixes?

You can prioritize UI findings by classifying issues into P0, P1, and P2 severity levels based on usability impact. The review provides concrete remediation steps, layout adjustments, and suggested code or markup changes to resolve the identified friction.