ux-designer

Generate structured Markdown UX design documentation for pages, features, and design systems.

1|1|Updated Jun 2, 2025
One-click install
npx skills add https://github.com/BumpyClock/dotfiles --skill ux-designer-bumpyclock
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/BumpyClock/dotfiles/tree/main/.ai_agents/skills/ux-designer
Command: npx skills add https://github.com/BumpyClock/dotfiles --skill ux-designer-bumpyclock

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create comprehensive UX design documentation, wireframes, interaction flows, and style guides without writing implementation code. Use when the user needs a UX/UI design, wireframe, design system, or accessibility-focused plan for a page, feature, or product, regardless of framework or component library.

Core Features & Use Cases

  • Design documentation for pages, features, and products that defines layout, interactions, and system guidance.
  • Wireframes and interaction flows to articulate user journeys and edge cases.
  • Accessibility-focused plans ensuring inclusive design across platforms and technologies.

Quick Start

Generate a complete UX design document for a new page, including layout, flows, and accessibility considerations.

Frequently Asked Questions about ux-designer

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

FAQPage Schema
How do I generate UX design documentation for a new feature?

Generate comprehensive UX design documentation by defining layout specs, typography, color systems, component hierarchies, and accessibility guidance in structured Markdown. You receive a complete design doc covering wireframes, interaction flows, and edge cases for your page, feature, or product without writing implementation code.

What is the best way to create wireframes and interaction flows without coding?

Creating wireframes and interaction flows without coding involves generating structured Markdown documents that articulate user journeys and layout specifications. This approach delivers detailed design documentation for pages and features, ensuring all edge cases and interactions are mapped out visually and textually.

Can I use this to build an accessibility-focused design system for any product domain?

Yes, you can build an accessibility-focused design system for any product domain. The workflow generates structured design docs detailing inclusive design plans, component hierarchies, color systems, and accessibility guidance across platforms and technologies, ensuring compliance regardless of your specific framework or component library.

Does this UX design workflow output implementation code for my component library?

No, this UX design workflow does not output implementation code. It focuses entirely on producing structured Markdown design documentation, including layout specs, interaction flows, and design system guidance, allowing you to define the design independently of your chosen framework or component library.

How do I document a complete design system including typography and color systems?

Document a complete design system by generating structured Markdown files that detail typography, color systems, component hierarchies, and accessibility guidance. This process yields comprehensive design docs that define layout, interactions, and system rules for your product without requiring any implementation code.