define-user-experience

Guides definition of a user experience journey documented under an existing business capability.

1|Updated Mar 7, 2023
One-click install
npx skills add https://github.com/Zaba505/infra --skill define-user-experience-zaba505
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: define-user-experience
Source: https://github.com/Zaba505/infra/tree/main/.claude/skills/define-user-experience
Command: npx skills add https://github.com/Zaba505/infra --skill define-user-experience-zaba505

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve? Teams often jump from a business capability straight to implementation, producing systems that technically work but feel wrong to users. This Skill structures the conversation for defining one end-to-end user experience (persona, goal, entry point, journey, success, edge cases) and saves it as a Hugo/Docsy markdown doc linked to its parent capability. ## Core Features & Use Cases - Structured UX elicitation: Walks through persona, goal, entry point, journey steps, success criteria, and failure modes one dimension at a time, pushing back on technical drift. - Capability-anchored documentation: Reads the parent capability doc first and cites its business rules, stakeholders, and success criteria so the UX stays consistent with established constraints. - Hugo/Docsy publishing: Saves the doc as a page bundle under docs/content/capabilities/{capability}/user-experiences/, uses ref shortcodes for cross-linking, preserves explicit heading anchors, and validates the rendered page with hugo server. - Use Case: After defining a photo-storage capability, ask to define the "share an album" user experience; the Skill interviews you about the persona and journey, then produces a Mermaid-annotated markdown doc linked under that capability. ## Quick Start Ask the assistant to define the user experience for an existing capability, for example: "Define the UX for uploading a photo under the photo-storage capability."

Frequently Asked Questions about define-user-experience

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

FAQPage Schema
How do I document a user journey for a business capability?

Define one persona and goal first, then walk the journey step by step describing what the user does and perceives. This Skill structures that conversation and saves the result as a markdown doc under the parent capability in docs/content/capabilities.

What is the difference between a capability and a user experience?

A capability describes what the business does; a user experience describes how one specific user accomplishes one specific goal under that capability. A capability typically has multiple UX docs, each covering a distinct journey like uploading, sharing, or deleting.

Can I define a user experience before defining the capability?

No. The Skill requires an existing parent capability doc and will stop and direct you to run the define-capability skill first. UX docs are children of capabilities and inherit their business rules and stakeholders.

Does this skill produce wireframes or UI specifications?

No. It explicitly excludes screens, components, APIs, and implementation details, redirecting technical answers back to experience-level questions. UI design happens later, informed by the UX document.

Why does the UX template use explicit heading anchors?

Downstream skills cite sections via Hugo ref shortcodes, and Hugo's autogenerated heading IDs break when heading text changes. Explicit {#anchor} annotations keep cross-references stable, so they must not be stripped during edits.