harness-create-ux-design

Create UX design specifications through structured discovery and artifact assembly.

1|Updated May 23, 2026
One-click install
npx skills add https://github.com/baobao0303/harness --skill harness-create-ux-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: harness-create-ux-design
Source: https://github.com/baobao0303/harness/tree/main/.agents/skills/harness-create-ux-design
Command: npx skills add https://github.com/baobao0303/harness --skill harness-create-ux-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you create comprehensive, decision-ready UX design specifications without skipping essential discovery and documentation steps that keep UX grounded in product requirements.

Core Features & Use Cases

  • Collaborative UX specification workflow: Guides a UX facilitator-style process to define project understanding, core experience, emotional goals, patterns, and UX decisions.
  • Structured, stepwise artifact building: Produces an organized UX design spec incrementally, using a micro-file workflow with explicit user confirmation gates.
  • UX design foundations to implementation-ready outputs: Covers design system choice, visual foundations (color/typography/spacing), design direction mockups (HTML), user journey flows (Mermaid), and responsive/accessibility strategy.

Quick Start

Ask the agent to run the harness-create-ux-design workflow for your repository by saying: "Let's create UX design specifications for this project."

Frequently Asked Questions about harness-create-ux-design

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

FAQPage Schema
How do I create UX design specifications that cover user journeys and accessibility?

Create UX design specifications through a structured discovery workflow that incrementally builds artifacts covering project understanding, user journeys, and accessibility strategy. It enforces collaborative input and confirmation gates to keep UX grounded in product requirements.

What is the best way to document visual direction and design systems for a product?

Document visual direction and design systems by assembling artifacts like HTML mockups and configuration files. The workflow guides decisions on color, typography, spacing, and component consistency to produce decision-ready UX specifications.

Can I generate UX design direction mockups and user journey flows automatically?

Generate UX design direction mockups as HTML files and user journey flows using Mermaid diagrams. The process requires explicit user confirmation at each step to ensure the visual foundation and flows match your product discovery decisions.

How does a structured UX workflow help with product discovery and emotional response design?

A structured UX workflow facilitates product discovery and emotional response design by guiding a facilitator-style process. It defines core experiences and emotional goals incrementally, ensuring all UX decisions are documented and aligned with project requirements.

Do I need to configure a customize.toml file to start the UX specification process?

Yes, you need to initialize workflow customization via a resolver script and customize.toml merges. Loading config YAML is required to enforce the collaborative input gates and write outputs like the UX design specification markdown to configured paths.