ux-expert

Audit Makalahapp's Next.js 16 UX flows for friction and unclear CTAs.

Updated Dec 13, 2025
One-click install
npx skills add https://github.com/Posteriot/makalah-app --skill ux-expert-posteriot
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-expert
Source: https://github.com/Posteriot/makalah-app/tree/main/.codex/skills/project/ux-expert
Command: npx skills add https://github.com/Posteriot/makalah-app --skill ux-expert-posteriot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Makalahapp's UX needs a structured audit to surface unclear CTAs, missing feedback states, and journey friction that frustrates users across onboarding, chat, and the paper workflow.

Core Features & Use Cases

  • Heuristic-based assessment: Evaluate clarity, feedback, consistency, error recovery, and accessibility against the curated UX heuristics checklist.
  • Flow analysis: Map critical journeys like onboarding → auth → dashboard and chat → paper workflow → export while accounting for Next.js 16 implementation constraints.
  • Actionable recommendations: Prioritize feasible fixes with measurement rationale and consistency guidelines so design and dev teams can iterate quickly.

Quick Start

Audit Makalahapp's onboarding, chat, and paper workflows to highlight friction and suggest actionable fixes.

Frequently Asked Questions about ux-expert

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

FAQPage Schema
How do I audit UX friction in a Next.js application?

UX flow analysis evaluates critical journeys like onboarding, authentication, and chat workflows to identify friction points and missing feedback states, ensuring the evaluation respects Next.js 16 implementation constraints while mapping the end-to-end user experience.

How do I evaluate unclear CTAs and missing feedback states in a web app?

Evaluating unclear CTAs and missing feedback states requires a heuristic-based assessment that checks clarity, consistency, error recovery, and accessibility, providing actionable fixes with measurement rationale for design and development teams to iterate quickly.

Can I use UX heuristics to assess accessibility in a Next.js 16 stack?

You can assess accessibility in a Next.js 16 stack by applying a curated UX heuristics checklist that evaluates clarity, consistency, and error recovery, ensuring the accessibility review aligns with the framework's implementation constraints.

What is the best way to prioritize UX recommendations for a paper workflow?

The best way to prioritize UX recommendations for a paper workflow is to map the chat-to-export journey, identify feasible fixes respecting Next.js constraints, and provide a measurement rationale with consistency guidelines so design and dev teams can iterate quickly.

Does a UX audit cover onboarding and authentication flows?

A UX audit covers onboarding and authentication flows by mapping these critical journeys to surface friction, unclear CTAs, and feedback gaps, evaluating clarity and error recovery across the entire user journey.