Try Claude
SEO AnalysisAudit pages for ranking issues
AI Tools for UX Designers
AI tools that help UX designers research user behavior, analyze competitor flows, generate personas, and audit accessibility.
Get started for free
Works in Chat, Cowork and Code
Age & Role
32 · Senior Developer · fully remote · startup-to-scale
Primary Goal
Ship features without context-switching between 4+ tools
Top Frustration
Status updates buried across Slack, Jira, and GitHub
Key Workflows
Daily standups · PR reviews · sprint planning · async comms
Decision Signal
Will switch if integration saves >30 min/day
User persona generation
Generate research-backed personas with demographics, psychographics, goals, frustrations, and daily workflows. Use them in design critiques, sprint planning, and stakeholder presentations to keep design decisions grounded in real users.
Generate a UX persona for our primary user: a 35-year-old growth marketer at a 50-person SaaS company who manages campaigns across 4 channels and is frustrated by switching between tools.
Created persona "Maya Chen" — Growth Marketing Manager, 35. Goals: single dashboard for campaign attribution, reduce reporting time from 4 hours/week to 30 minutes. Pain points: copy-pasting UTM data between GA4, HubSpot, and Notion; manual CAC calculations. Primary tools: Slack, Notion, Google Sheets, HubSpot. Key insight: she needs data, not features — reduce cognitive load.
ToolRouter generate_persona
Role & Company
Growth Marketing Manager · 50-person SaaS · Series A
Primary Goal
Single dashboard for campaign attribution across all channels
Top Frustration
Copy-pasting UTM data between GA4, HubSpot, and Notion
Reporting Pain
4 hours/week on manual reports → wants 30 minutes
Key Insight
Needs data, not features — reduce cognitive load first
Competitor UX flow research
Screenshot competitor onboarding flows, navigation patterns, and key interaction states at specific viewport sizes. Build a visual competitive audit library instead of relying on screenshots taken months ago by team members on different devices.
Capture the empty state, first-run experience, and settings page of Notion, Linear, and Coda at 1440px. I need these for a competitive onboarding audit.
Captured 9 screenshots across 3 products. Notion: empty state uses illustration + 5 template CTA buttons. Linear: empty state is minimal text + keyboard shortcut hints. Coda: empty state shows a guided wizard with 3 use case options. Linear is most opinionated about starting with a project; Notion gives maximum choice.
User research and behavioral pattern research
Research published studies on user behavior, cognitive load, decision fatigue, and interaction patterns relevant to your design problem. Ground design decisions in behavioral science before the research synthesis.
Research the psychology of form design: what field ordering, error message placement, and progress indicators reduce form abandonment? I'm redesigning a 12-field checkout form.
Key findings: (1) Single-column forms reduce error rates 19% vs multi-column. (2) Inline validation (error on blur, not submit) reduces completion time 22%. (3) Progress bars increase completion 28% for multi-step forms. (4) Moving the CTA button below the last field reduces "scan ahead" abandonment. (5) Social proof near payment fields reduces drop-off by 11%.
ToolRouter research
Single-Column Layout
Reduces error rate 19% vs multi-column (Baymard 2024)
Inline Validation
Error on blur (not submit) reduces completion time 22%
Progress Indicators
Progress bars increase multi-step completion 28%
CTA Placement
Button below last field reduces scan-ahead abandonment
Social Proof Near Payment
Reduces payment field drop-off by 11%
User journey and flow diagramming
Generate user journey maps, task flow diagrams, and information architecture charts from a description. Use them in design sprints and stakeholder reviews without spending half a day in Miro.
Create a user journey flowchart for a new user activation flow: landing page → email sign-up → email verification → onboarding quiz (role + use case) → personalized workspace setup → first value moment → invite team.
Generated Mermaid flowchart with 9 steps. Email verification shown as a loop with resend option. Onboarding quiz branches to 3 personalized paths based on role. "First value moment" shown as a milestone node with star annotation. Invite team shown as optional branch with skip option.
ToolRouter render_diagram
Step 1
Landing Page → Email Sign-Up
Step 2
Email Verification (with resend loop)
Step 3
Onboarding Quiz — role + use case → 3 paths
Step 4
Personalized Workspace Setup
Step 5
First Value Moment ★
Step 6
Invite Team (optional — skip available)
Accessibility auditing
Check any live page for WCAG accessibility violations — missing alt text, insufficient color contrast, keyboard trap issues, and absent ARIA roles. Catch issues during design QA before development hands them off.
Audit https://myapp.com/onboarding for WCAG 2.1 AA issues — I need color contrast failures, keyboard navigation gaps, missing alt text, and form label problems.
Found 6 issues: 3 text elements fail WCAG AA contrast (light gray on white background, 2.9:1 ratio — needs 4.5:1). Password field has no visible label (only placeholder). Skip-to-content link missing. 2 icon buttons have no aria-label. Focus ring invisible on custom checkbox. Heading hierarchy skips h2 to h4.
ToolRouter analyze_page
Body Text Contrast
3× elements at 2.9:1 on white — FAILS AA (4.5:1 min)
Password Field
Placeholder-only — no visible label
Skip-to-Content
Missing — required for keyboard navigation
Icon Buttons (×2)
No aria-label — invisible to screen readers
Heading Hierarchy
Skips H2 → H4 on progress steps
ToolRouter analyze_url
Lighthouse Accessibility Score
Color and design system accessibility
Generate color palettes, check WCAG contrast ratios for text and interactive element color pairs, and build accessible color token systems for design systems. Validate color choices before handing off to development.
Check WCAG AA compliance for my design system colors: primary button #0F62FE on white background, disabled state #8D8D8D on #F4F4F4, and error text #DA1E28 on white.
Primary #0F62FE on white: 5.9:1 — passes AA (body and large text). Disabled #8D8D8D on #F4F4F4: 2.6:1 — FAILS AA (min 4.5:1 for body text). Error #DA1E28 on white: 4.6:1 — passes AA. Fix: darken disabled text to #525252 (5.4:1) or use strikethrough to convey disabled state without relying on color alone.
ToolRouter get_palette
Primary #0F62FE on White
5.9:1 — Passes AA
Disabled #8D8D8D on #F4F4F4
2.6:1 — FAILS AA (4.5:1 min)
Error #DA1E28 on White
4.6:1 — Passes AA
Fix: Disabled
Darken to #525252 → 5.4:1 (AA pass)
Ready-to-use prompts
Generate UX persona
Create a detailed UX persona for a 28-year-old product manager at a 200-person SaaS company. Include: demographics, day-in-the-life, primary tools used, key frustrations with current workflow, goals for the next quarter, and what success looks like to them.
Screenshot competitor onboarding
Take screenshots of the sign-up and first-run experience for Notion, Figma, and Miro at 1440px desktop and 375px mobile. I need to compare their onboarding flows and empty state designs.
Research form UX patterns
Research the UX psychology of checkout form design: field ordering that reduces cognitive load, inline validation timing (on blur vs on submit), progress indicators for multi-step forms, and what reduces abandonment on payment fields.
User activation flow diagram
Generate a Mermaid user journey flowchart for a SaaS activation flow: landing page → sign-up form → email verification → onboarding wizard (3 steps) → personalized dashboard → first key action → invite team prompt → activation milestone.
Accessibility audit
Audit https://myapp.com/checkout for WCAG 2.1 AA issues: color contrast ratios for all text elements, keyboard navigation order, form labels and ARIA attributes, focus indicators, and any missing alt text on images.
Color contrast checker
Check WCAG AA and AAA contrast ratios for my design system: #0F62FE (primary) on white, #161616 (text) on #F4F4F4 (background), #DA1E28 (error) on white, and #525252 (disabled text) on #F4F4F4.
Mental model research
Research user mental models around data dashboards: what do users expect to see when they first open a BI tool, what causes confusion in navigation hierarchy, and how do expert vs novice users differ in their mental models of data exploration.
Information architecture diagram
Generate a site map diagram for a B2B SaaS product: root → Dashboard, Projects (Projects List, Project Detail, Project Settings), Team (Members, Roles, Invites), Billing (Plans, Invoices, Payment), and Account Settings (Profile, Notifications, Integrations).
Tools to power your best work
Page Speed TestPerformance, SEO & Web Vitals
Generate ImageAI image generation, 20+ models
Deep ResearchAI research reports with citations
Web ScreenshotScreenshot any page at any viewport
Persona GeneratorAI personas with portrait sheets
Diagram GeneratorRender Mermaid, PlantUML & more
Color ToolsPalettes, contrast, and color info
165+ tools.
One conversation.
Everything ux designers need from AI, connected to the assistant you already use. No extra apps, no switching tabs.
Competitive UX audit
Research competitor UX patterns, capture screenshots, and synthesize findings into a structured competitive audit document.
Design sprint preparation
Before a design sprint, generate personas, create user journey diagrams, and audit accessibility on existing designs.
Design system accessibility check
Before shipping a new design system version, validate color tokens, audit live components, and document accessibility requirements.
Frequently Asked Questions
Are the personas generated with real demographic data or just templates?
Persona Generator creates personas grounded in real behavioral patterns — it synthesizes research on the target demographic, job role, and context you provide. The more specific you are about the user type and industry, the more realistic and actionable the persona becomes.
Can Web Screenshot capture interactive states like hover effects or open dropdowns?
Web Screenshot captures the static rendered state of a page at the moment of capture. It captures what is visible on the page including JavaScript-rendered content, but not interactive states like hover effects or open menus that require user interaction.
Does the SEO tool check accessibility specifically, or just SEO issues?
The SEO analysis tool checks heading hierarchy, alt text, and meta tag completeness — which overlaps with accessibility. For deeper WCAG auditing (contrast ratios, ARIA attributes, keyboard navigation), combine it with the Page Speed Test accessibility report which runs Lighthouse accessibility checks.
Can Diagram Generator create empathy maps, not just flowcharts?
Diagram Generator excels at flowcharts, sequence diagrams, and site maps. For empathy maps and canvas-style diagrams, describe the quadrants and content and it will generate a structured Mermaid representation, though the visual layout is best finalized in Figma or Miro.
How does Deep Research find UX-specific behavioral research?
Deep Research searches across web, academic papers, and industry publications. For UX research, it pulls from Nielsen Norman Group articles, academic papers on cognitive psychology, and engineering blogs from companies like Airbnb, Figma, and Dropbox that publish their UX research publicly.
Give your AI superpowers.
Get started for free
Works in Chat, Cowork and Code