skills.rest
tktaf
tktafCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-designing

Audit user flows and generate wireframes for UI/UX improvements.

Updated Aug 27, 2026
Search Tags:#accessibility#ui/ux#microcopy#wireframing#design audit#user flow#component spec
One-click install
npx skills add https://github.com/tktaf/codex --skill ui-ux-designing-tktaf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designing
Source: https://github.com/tktaf/codex/tree/main/skills/ui-ux-designing
Command: npx skills add https://github.com/tktaf/codex --skill ui-ux-designing-tktaf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of auditing and improving user interfaces and experiences, ensuring products are usable, accessible, and meet user needs.

Core Features & Use Cases

  • UX Audits: Identify usability issues, friction points, and accessibility barriers in existing interfaces.
  • Design Specifications: Generate detailed wireframes, user flows, component behaviors, and microcopy recommendations.
  • Use Case: Review a complex checkout flow to identify areas of confusion, propose clearer microcopy for error messages, and ensure keyboard navigability for accessibility.

Quick Start

Audit the user flow for the provided URL and suggest improvements.

Frequently Asked Questions about ui-ux-designing

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

FAQPage Schema
How do I conduct a UX audit for an existing web or app interface?▼

A UX audit identifies usability issues, friction points, and accessibility barriers in existing interfaces. It analyzes user flows, reviews screen components, and evaluates navigation to ensure products are usable and meet user needs.

What is included in UI/UX design specifications for a new feature?▼

UI/UX design specifications include detailed wireframes, user flows, component behaviors, and microcopy recommendations. They provide frontend implementation guidance for interaction design, forms, and onboarding processes.

Can I use this to improve a complex checkout flow and fix error messages?▼

Yes, you can optimize complex checkout flows by identifying areas of confusion and proposing clearer microcopy for error messages. It also ensures keyboard navigability to enhance overall usability and accessibility.

What's the best way to review accessibility and keyboard navigability for my screens?▼

The best way to review accessibility is through a dedicated UX audit that evaluates keyboard navigability and interaction design across your screens. This identifies barriers and ensures compliance for components and forms.

How do I generate user flow analysis and wireframes for product interface design?▼

You generate user flow analysis and wireframes by defining component specs and interaction design patterns. This process supports product interface design by mapping screen navigation and optimizing the overall user experience.

Related Skills

Explore More Design & Creative Skills→
ngochuy13ngochuy13

wireframe-helper

Create annotated ASCII wireframes for page layouts and responsive behavior.

Community
Basic
ryan-nguyen-01ryan-nguyen-01
4

agent-designer

Translate BA user stories and SA architecture into UI design documentation.

Community
Intermediate
ketanswebsiteketanswebsite

ui-ux-design-advisor

Analyze project structure and design system to propose UI/UX design options.

Community
Advanced
bacocobacoco
67

bmad-ux

Translate PRD requirements into user flows, wireframes, and design systems.

Community
Intermediate