skills.rest
Cornjebus
CornjebusCOMMUNITY
Explore all skills by this author →
GitHub

ux-journey-architect

Map user journeys from awareness to advocacy with actions, touchpoints, and friction points.

15|Updated Dec 14, 2025
Search Tags:#testing#playwright#ux#pattern-library#journey#design-critique
One-click install
npx skills add https://github.com/Cornjebus/neo-user-journey --skill ux-journey-architect
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-journey-architect
Source: https://github.com/Cornjebus/neo-user-journey/tree/main
Command: npx skills add https://github.com/Cornjebus/neo-user-journey --skill ux-journey-architect

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test, @axe-core/playwright, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Provides end-to-end UX journey design, testing, and critique capabilities within Claude Code, enabling teams to map journeys, generate deliverables, synthesize personas, and integrate insights directly into workflows.

Core Features & Use Cases

  • User Journey Creation: generate journey maps with actions, touchpoints, emotional mapping, pain points, and opportunities.
  • Automated Journey Testing: run Playwright-based tests to validate flows and accessibility.
  • Synthetic User Testing: simulate diverse personas to surface friction points.
  • Design Critique: apply Nielsen heuristics and cognitive load frameworks to critique flows.
  • Pattern Library & Research Integration: reference best practices from tier-1 sources and pattern libraries.
  • Deliverables: produce journey maps, wireframes, microcopy, reports, and export formats.
  • Analytics Integration: guidance on integrating analytics tools.
  • Workflow Guidance: flexible process guidance from discovery to iteration.
  • Project context: maintain persona and journey context across sessions.
  • Integration with other skills: coordinate with design and testing skills.
  • Quick reference: a concise reference for common tasks.

Quick Start

Provide a complete user journey brief in natural language and specify the preferred output formats; I will generate a journey map, critique, and tests ready for Claude Code.

Frequently Asked Questions about ux-journey-architect

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

FAQPage Schema
How do I generate a user journey map from awareness to advocacy in Claude Code?▼

To generate a user journey map in Claude Code, provide a complete user journey brief in natural language and specify preferred output formats. The Skill then analyzes actions, touchpoints, emotions, and friction points to produce ready-to-use deliverables.

Can I run Playwright tests to validate user journey flows and accessibility?▼

Yes, you can run Playwright-based tests to validate user journey flows and accessibility. The Skill automates journey testing by executing synthetic user simulations to surface friction points and verify flow integrity.

What is synthetic user testing and how does it surface UX friction points?▼

Synthetic user testing simulates diverse personas interacting with a product flow to identify friction points. It maps emotional responses and pain points across touchpoints, enabling teams to critique design and refine the user journey before deployment.

Does this UX journey mapping tool support Figma JSON and Mermaid export formats?▼

Yes, this UX journey mapping tool supports Figma JSON and Mermaid export formats. It integrates research and pattern libraries to produce standardized deliverables across Mermaid, HTML, and Markdown for Claude Code workflows.

How do I apply Nielsen heuristics to critique a user flow in Claude Code?▼

To apply Nielsen heuristics and critique a user flow in Claude Code, provide the flow details to the Skill. It evaluates cognitive load and heuristic principles against your journey map, generating actionable design critique reports.

Related Skills

Explore More Design & Creative Skills→
dtsongdtsong
1

intake-skill

Transform natural language project descriptions into structured engagement briefs.

Community
Advanced
micserrmicserr

toge:user-journey

Generate user journey maps and flow diagrams in Mermaid and Markdown.

Community
Intermediate
Davie521Davie521
7

critique

Analyze user interface designs and generate prioritized UX critiques with quantitative scoring.

Community
Advanced
unthinkmediaunthinkmedia

ux-journey-mapper

Generate user journey maps from UI screenshots and flow descriptions.

Community
Intermediate