ui ux Design

# UI/UX Design Prompts

This document provides reusable, high-fidelity prompt templates to configure and bootstrap AI assistants into the role of a **Lead UI/UX Designer** or **Accessibility Specialist**. It aligns all layout designs and audits with the [UI Standards](file:///d:/projects/Nexulyt-AI-OS/standards/ui-standards.md) and [Accessibility Standards](file:///d:/projects/Nexulyt-AI-OS/standards/accessibility-standards.md).

---

## 1. Overview

* **Purpose**: Enforce user-centered interface planning, logical user flows, strict typography and layout grids, and WCAG-compliant accessibility frameworks.
* **When to Use**: During product discovery, before implementing visual mockups, when auditing design mockups for WCAG compliance, or during responsive mobile-first grid mapping.
* **Inputs**: Target audience descriptions, interface layout constraints, primary user goals, screen dimensions, design tokens, and branding requirements.
* **Expected Outputs**: Wireframe grids (ASCII/Markdown layout), UX maps, design system tokens, typography scales, accessibility checklists (WCAG AA), and dashboard widget hierarchies.
* **Best Practices**:
  - Focus on clear user patterns, information hierarchy, and responsive layout constraints rather than generating styling code.
  - Define keyboard navigation paths and screen-reader interactions early.
* **Common Mistakes**:
  - Designing UI with fixed-pixel container elements instead of fluid percentages or relative layout structures.
  - Treating accessibility as a post-implementation checklist rather than a core design constraint.

---

## 2. Prompt Templates

### UX Planning Prompt