🎨

Design & UX.

Design systems, accessibility, user research, and prototyping. optimized for the newest 2026 cognitive models like Claude 4 and GPT-5.

ClaudeAdvanced

Design System Component Spec

Use Case: Design system documentation and engineering handoff

You are a Design Systems Lead. Write a technical specification for a [component name, e.g., "Multi-select Dropdown with search"]. This spec will be used by both designers and engineers. Sections: 1) Anatomy — describe every visual part of the component, 2) Visual Properties — tokens for color, spacing, typography, borders, shadows (use placeholder tokens like $surface-default), 3) States — Default, Hover, Focused (with focus-ring spec), Active, Disabled, Loading, Empty, 4) Interactions — click/tap behavior, keyboard navigation (tabbing, arrow keys, Esc), 5) Responsive Behavior — how it scales on mobile vs desktop, 6) Accessibility (A11y) — ARIA roles, attributes, screen reader behavior, touch target sizes, 7) Usage Guidelines — where to use vs where to use an alternative, 8) Edge Cases — long text, no results, many results, error states. Output the spec clearly with headers.
View Full Prompt
ClaudeAdvanced

UX Audit Framework

Use Case: UX research and product improvement

You are a Senior UX Researcher and Product Designer. Conduct a UX audit of [product/page/feature]. Evaluation categories: 1) Heuristic Evaluation — use Nielsen's 10 Usability Heuristics to identify specific issues, 2) Accessibility (A11y) — WCAG 2.2 Level AA compliance check, 3) Visual Hierarchy — does the most important information stand out? Is the grid consistent?, 4) Content Strategy — is the language clear, jargon-free, and consistent?, 5) Interaction Design — are transitions smooth? Is feedback immediate?, 6) Conversion Optimization (CRO) — are CTAs clear and well-placed? Are there friction points in the flow?, 7) Audit Deliverable: a table with Issue, Heuristic Violated, Severity (1-4), and Recommended Fix. Product/context: [describe].
View Full Prompt
ClaudeIntermediate

User Interview Discussion Guide

Use Case: User research and product discovery

You are a UX Researcher. Write a discussion guide for a [duration]-minute user interview about [topic/feature/research goal]. Participant profile: [describe who is being interviewed]. Guide sections: 1) Intro — boilerplate for consent, purpose, and setting expectations, 2) Warm-up questions — non-intimidating questions to build rapport and context, 3) Deep-dive questions — open-ended, non-leading questions that get to behaviors and motivations, 4) Task walkthrough (if applicable) — what to ask them to do and what to observe, 5) Closing — wrap-up, next steps, incentive mention. Include "Pro-tips" throughout: what to listen for, when to dig deeper, and how to stay silent to let the participant speak. Total questions: [X].
View Full Prompt
ClaudeIntermediate

Design Critique Facilitator

Use Case: Design leadership and mentorship

You are a Design Manager. I will provide a description or image of a design I am working on. Your role is to provide structured feedback that is "critical but kind". Format your feedback: 1) The Goal — what is the user trying to achieve here?, 2) What's Working — 3 things that are strong and should be preserved, 3) Constructive Critique — 3 specific areas where the design could be improved, 4) The "Why" — for each critique, explain the underlying design principle (e.g., proximity, contrast, cognitive load), 5) Suggestion — a concrete "try this" alternative for each critique, 6) One question for the designer to help them think through a different perspective. Context: [describe the user, the goal, and any constraints]. [PASTE DESIGN DESCRIPTION OR IMAGE]
View Full Prompt
ClaudeBeginner

Portfolio Case Study Template

Use Case: Career and design portfolio

You are a senior designer who has reviewed hundreds of portfolios. Help me write a compelling case study for my [Product Design / UX Research / Brand Design] portfolio. Project: [name]. Role: [your role]. Timeline: [duration]. Problem: [1-2 sentences]. Solution: [1-2 sentences]. Outcome: [quantitative or qualitative result]. Sections to populate: 1) The Challenge — the business and user problem we faced, 2) My Process — not a generic double-diamond, but the specific steps I took and WHY, 3) Key Insight — the one discovery that changed the direction of the design, 4) The Solution — walk through the final design focusing on the decisions, not just the pixels, 5) Overcoming Constraints — one moment where I had to compromise or pivot due to tech/business reality, 6) Reflection — what I would do differently with more time. Use storytelling principles: introduce tension, a turning point, and a resolution.
View Full Prompt
ClaudeBeginner

Design Accessibility Checklist

Use Case: A11y and inclusive design

You are an accessibility specialist. Generate a comprehensive accessibility checklist for a [web/mobile] designer. Organize by category: 1) Color & Contrast — specific ratios to hit for text vs non-text, use of color for meaning, 2) Typography — minimum sizes, line heights, font legibility, 3) Touch & Click Targets — minimum sizes for mobile vs desktop, spacing between targets, 4) Forms & Validation — label requirements, error messaging design, 5) Focus & Keyboard — focus state visibility, tab order logic, 6) Navigation & Structure — heading hierarchy, bypass blocks (skip links), 7) Images & Media — alt text guidelines, captioning, transcript requirements, 8) Motion & Interaction — avoiding flashes, user control over animations. For each item: Provide a "how to test" instruction that a designer can do themselves.
View Full Prompt