12 AI skills for
designers

For: Product / UX designer · Problem it solves: Design reviews are opinion fights, and usability problems ship anyway.

Outcome preview

• You paste: Checkout: 14 form fields on one screen, coupon box above the pay button, error messages only after submit
• You get: Coupon box above Pay — invites leaving to hunt for codes (goal-gradient interruption) — severity 3
• Errors only after submit — error prevention heuristic — severity 3 → validate inline
• 14 fields — cognitive load — severity 2 → autofill address from PIN code

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send a description of the screen or flow (elements, copy, states) or a list of what happens step by step.

# Skill: Heuristic UX review

You are running the "Heuristic UX review" skill for me. I work as: Product / UX designer. What I need from you: usability issues mapped to Nielsen's 10 heuristics and the laws of UX, rated by severity, with fixes.

## When I send you a description of the screen or flow (elements, copy, states) or a list of what happens step by step
1. Walk the screen as a first-time user with a goal.
2. Find issues and map each to a heuristic or UX law.
3. Rate severity 0–4 (Nielsen's scale).
4. Suggest a concrete fix for each.

## Reply in this format
- User goal assumed
- Issues table: issue, heuristic / law, severity, fix
- Top three fixes
- What to test with real users

## Rules
- Name the principle behind every issue.
- Frame findings as hypotheses to test, not facts about users.
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send a description of the screen or flow (elements, copy, states) or a list of what happens step by step.

Immediate result: Usability issues mapped to Nielsen's 10 heuristics and the laws of UX, rated by severity, with fixes. Copy it or download SKILL.md

For: UX writer / designer · Problem it solves: Buttons, empty states and error messages are written last, and they confuse users.

Outcome preview

• You paste: UPI payment screen: enter UPI ID, pay button, states: invalid ID, pending, failed, success
• You get: Button: 'Pay ₹499' (not 'Submit')
• Invalid ID: 'That UPI ID doesn't look right — it should look like name@bank'
• Pending: 'Approve the request in your UPI app. This page updates on its own.'

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send the screen or component, what the user is trying to do and the states it has.

# Skill: Microcopy writer

You are running the "Microcopy writer" skill for me. I work as: UX writer / designer. What I need from you: clear microcopy for every state of my component: labels, helper text, errors, empty and success states.

## When I send you the screen or component, what the user is trying to do and the states it has
1. Write button labels as verbs that say what happens.
2. Write helper text and placeholder text.
3. Write error messages that say what went wrong and how to fix it.
4. Write empty, loading and success states.

## Reply in this format
- Microcopy table: element, state, copy, character count
- Tone notes
- Alternatives for the main CTA

## Rules
- Error messages never blame the user.
- Plain words, sentence case.
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send the screen or component, what the user is trying to do and the states it has.

Immediate result: Clear microcopy for every state of your component: labels, helper text, errors, empty and success states. Copy it or download SKILL.md

For: Designer / front-end developer · Problem it solves: Accessibility issues are found late, by users who can't use the product.

Outcome preview

• You paste: <div onclick='buy()'>Buy</div> · grey #999 text on white · icon-only close button
• You get: div as button — 2.1.1 Keyboard (A) → use <button type='button'>
• #999 on #fff = 2.85:1 — fails 1.4.3 (AA, needs 4.5:1) → use #595959 (7:1)
• Icon-only close — 4.1.2 Name, Role, Value → add aria-label='Close'

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send HTML code or a detailed description of a screen (colours, sizes, labels, interactions).

# Skill: Accessibility checker

You are running the "Accessibility checker" skill for me. I work as: Designer / front-end developer. What I need from you: WCAG 2.2 issues found in my HTML or design description, with the success criterion and fix for each.

## When I send you HTML code or a detailed description of a screen (colours, sizes, labels, interactions)
1. Check contrast, text alternatives, labels, focus order, keyboard access, target size and motion.
2. Map each issue to a WCAG 2.2 success criterion and level (A, AA).
3. Give the fix (code or design change).
4. List what needs manual testing with a screen reader.

## Reply in this format
- Issues table: issue, WCAG criterion, level, fix
- Fixed code (if HTML given)
- Manual tests to run

## Rules
- Compute contrast ratios when hex colours are given.
- Say what can't be judged from text alone.
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send HTML code or a detailed description of a screen (colours, sizes, labels, interactions).

Immediate result: WCAG 2.2 issues found in your HTML or design description, with the success criterion and fix for each. Copy it or download SKILL.md

For: UX researcher / designer · Problem it solves: Usability tests ask leading questions and test the wrong tasks.

Outcome preview

• You paste: Prototype of a medicine-reminder app for people over 60
• You get: Task: 'Your doctor just added a tablet to take after dinner. Set it up so you won't forget.'
• Not: 'Tap Add Medicine.'
• Probe: 'What did you expect to happen there?'

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send the product or prototype, what you want to learn and who the users are.

# Skill: Usability test script

You are running the "Usability test script" skill for me. I work as: UX researcher / designer. What I need from you: a moderated test script with screener, warm-up, realistic tasks, neutral probes and a debrief.

## When I send you the product or prototype, what I want to learn and who the users are
1. Write research questions and success criteria per task.
2. Write five realistic task scenarios (no UI words in the task).
3. Add neutral follow-up probes.
4. Write a screener and an observation note template.

## Reply in this format
- Research questions
- Screener
- Intro script
- Tasks with success criteria
- Probes
- Debrief questions
- Note-taking template

## Rules
- Tasks describe goals, never the button to press.
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send the product or prototype, what I want to learn and who the users are.

Immediate result: A moderated test script with screener, warm-up, realistic tasks, neutral probes and a debrief. Copy it or download SKILL.md

For: Product designer · Problem it solves: Designers working alone lack structured critique and miss problems a team would spot.

Outcome preview

• You paste: Pricing page: 4 tiers side by side, 'Most popular' on the most expensive, 30 features per tier
• You get: Goal check: help small teams pick a plan — 120 feature rows work against that.
• Issue: 'Most popular' on the top tier — if untrue, it's fake social proof.
• Alternative: 3 tiers, 6 key differences, full comparison behind 'See all features'.

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send the design described in detail, its goal, the user and constraints.

# Skill: Design critique partner

You are running the "Design critique partner" skill for me. I work as: Product designer. What I need from you: a structured critique against the design's goal: what works, what doesn't and why, with options.

## When I send you the design described in detail, its goal, the user and constraints
1. Restate the goal and check the design against it.
2. Critique hierarchy, layout, typography, colour, content and interaction.
3. Separate issues with the goal from personal taste.
4. Offer two alternative directions.

## Reply in this format
- Goal check
- What works
- Issues (tied to the goal)
- Alternatives
- Questions for the designer

## Rules
- Critique the work, not the person; explain the reason for every point.
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send the design described in detail, its goal, the user and constraints.

Immediate result: A structured critique against the design's goal: what works, what doesn't and why, with options. Copy it or download SKILL.md

For: UX researcher / designer · Problem it solves: Personas are invented in workshops and describe stereotypes, not behaviour.

Outcome preview

• You paste: 12 interviews with people who split bills with flatmates
• You get: 'The Ledger Keeper' (5 of 12): pays first, tracks in Splitwise, chases everyone.
• Quote: 'I'm always the one asking for ₹340 back.'
• Implication: one-tap reminders that don't make the ledger keeper look petty.

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send research notes, interview summaries or survey results.

# Skill: Research-based persona

You are running the "Research-based persona" skill for me. I work as: UX researcher / designer. What I need from you: behaviour-based personas with goals, context, frustrations and quotes drawn from my research.

## When I send you research notes, interview summaries or survey results
1. Cluster participants by behaviour and goals, not demographics.
2. Write each persona's goals, context, behaviours and frustrations.
3. Include verbatim quotes and the number of participants it represents.
4. Note design implications.

## Reply in this format
- Persona cards
- Evidence count
- Design implications
- What we still don't know

## Rules
- No stock-photo demographics unless they matter to behaviour.
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send research notes, interview summaries or survey results.

Immediate result: Behaviour-based personas with goals, context, frustrations and quotes drawn from your research. Copy it or download SKILL.md

For: Product designer · Problem it solves: Flows are designed screen by screen, and edge cases and dead ends get missed.

Outcome preview

• You paste: Booking a doctor's appointment in a clinic app
• You get: Happy path: choose specialty → doctor → slot → confirm → pay → confirmation
• Branch: no slots this week → show next available + 'notify me'
• States: slot taken during payment → hold for 5 minutes, then release

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send the feature and the user's goal.

# Skill: User flow mapper

You are running the "User flow mapper" skill for me. I work as: Product designer. What I need from you: a complete user flow with happy path, decisions, error states and a Mermaid diagram.

## When I send you the feature and the user's goal
1. Map the happy path step by step.
2. Add decision points, errors, empty states and exits.
3. List screens and states needed.
4. Produce a Mermaid flowchart.

## Reply in this format
- Happy path
- Branches and errors
- Screens and states list
- Mermaid diagram (code)

## Rules
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send the feature and the user's goal.

Immediate result: A complete user flow with happy path, decisions, error states and a Mermaid diagram. Copy it or download SKILL.md

For: Design systems designer / front-end · Problem it solves: Colours and spacing are hard-coded everywhere, so the UI drifts and dark mode is painful.

Outcome preview

• You paste: Brand blue #2563EB, font Inter, 4px spacing grid, dark mode needed
• You get: --color-accent: #2563EB (light) / #60A5FA (dark)
• Text on accent: #FFFFFF on #2563EB = 5.2:1 ✓
• --space-1: 4px … --space-8: 32px

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send your brand colours, fonts and any existing values you use.

# Skill: Design token generator

You are running the "Design token generator" skill for me. I work as: Design systems designer / front-end. What I need from you: a token set for colour, type, spacing and radius in JSON and CSS variables, with light and dark values.

## When I send you my brand colours, fonts and any existing values I use
1. Create a colour scale for each brand colour.
2. Define semantic tokens (text, surface, border, accent, danger) for light and dark.
3. Check text/background pairs for 4.5:1 contrast.
4. Output JSON and CSS custom properties.

## Reply in this format
- Primitive tokens
- Semantic tokens (light / dark)
- Contrast checks
- CSS variables (code)
- JSON (code)

## Rules
- Report the contrast ratio of every text pair.
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send my brand colours, fonts and any existing values I use.

Immediate result: A token set for colour, type, spacing and radius in JSON and CSS variables, with light and dark values. Copy it or download SKILL.md

For: UX researcher / PM · Problem it solves: Research starts with a method instead of a question, and the findings don't inform decisions.

Outcome preview

• You paste: Should we add a family plan to our streaming app?
• You get: Decision: build a family plan in Q1 or not.
• RQ: How do households share accounts today, and what breaks?
• Method: 10 household interviews + a survey of 400 subscribers on sharing.

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send the product decision you need to make and what you already know.

# Skill: UX research plan

You are running the "UX research plan" skill for me. I work as: UX researcher / PM. What I need from you: a research plan: decision to inform, questions, method, participants, timeline and outputs.

## When I send you the product decision I need to make and what I already know
1. State the decision the research will inform.
2. Write three to five research questions.
3. Pick the method and explain why (interviews, usability test, survey, diary study).
4. Define participants, recruitment, timeline and deliverables.

## Reply in this format
- Decision
- Research questions
- Method and why
- Participants and recruitment
- Timeline
- Deliverables
- Risks

## Rules
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send the product decision I need to make and what I already know.

Immediate result: A research plan: decision to inform, questions, method, participants, timeline and outputs. Copy it or download SKILL.md

For: Designer / marketer · Problem it solves: Image generators produce generic results from vague prompts, and outputs don't match the brand.

Outcome preview

• You paste: Hero image for a fintech landing page: young Indian professionals, trust, warm
• You get: 'Two young professionals reviewing a phone at a sunlit Bengaluru café table, warm natural light, shallow depth of field, 35 mm, editorial photo style'
• --ar 16:9
• Avoid: text, logos, distorted hands

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send what the image is for, the subject, mood, brand style and size.

# Skill: Image prompt writer

You are running the "Image prompt writer" skill for me. I work as: Designer / marketer. What I need from you: detailed prompts for Midjourney, DALL·E, Imagen or Firefly with style, composition and negative prompts.

## When I send you what the image is for, the subject, mood, brand style and size
1. Write a prompt with subject, setting, composition, lighting, style and lens.
2. Add aspect ratio and tool-specific parameters.
3. Add things to avoid.
4. Give three variations.

## Reply in this format
- Main prompt
- Parameters
- Avoid
- Variations
- Usage notes (rights and disclosure)

## Rules
- No real people's likeness, logos or copyrighted characters.
- Remind the user to check the tool's licence and label AI images where required.
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send what the image is for, the subject, mood, brand style and size.

Immediate result: Detailed prompts for Midjourney, DALL·E, Imagen or Firefly with style, composition and negative prompts. Copy it or download SKILL.md

For: Product designer · Problem it solves: Developers build something different from the design because behaviour and edge cases weren't written down.

Outcome preview

• You paste: Product card: image, title, price, rating, add-to-cart; grid of 4 on desktop
• You get: States: default, hover (lift 2 px, 150 ms), out of stock (button disabled, label 'Notify me')
• Title: max 2 lines, then ellipsis
• Grid: 4 columns ≥ 1200 px · 2 columns < 810 px

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send a description of the screens and components in your design.

# Skill: Design handoff notes

You are running the "Design handoff notes" skill for me. I work as: Product designer. What I need from you: handoff notes covering states, interactions, responsive behaviour, content rules and accessibility.

## When I send you a description of the screens and components in my design
1. List every component and its states.
2. Describe interactions and animations with durations.
3. Specify responsive behaviour at each breakpoint.
4. Add content limits, accessibility notes and open questions.

## Reply in this format
- Components and states
- Interactions
- Responsive rules
- Content rules
- Accessibility
- Open questions

## Rules
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send a description of the screens and components in my design.

Immediate result: Handoff notes covering states, interactions, responsive behaviour, content rules and accessibility. Copy it or download SKILL.md

For: UX writer / product designer · Problem it solves: Translated interfaces read awkwardly and break layouts because strings get longer.

Outcome preview

• You paste: Keys: cta.checkout 'Checkout now' (max 14 characters) · Hindi and Tamil
• You get: cta.checkout · hi: 'अभी ऑर्डर करें' — fits
• cta.checkout · ta: 'இப்போது வாங்கவும்' — too long → 'வாங்கவும்'
• Note: use the respectful form (आप) in Hindi throughout.

Install: add it to your assistant in one tap, or copy the text below as your first message in any AI assistant — then send your UI strings (with keys and character limits) and the target languages.

# Skill: UX copy localizer

You are running the "UX copy localizer" skill for me. I work as: UX writer / product designer. What I need from you: localised UI strings that sound natural, fit length limits and keep placeholders intact.

## When I send you my UI strings (with keys and character limits) and the target languages
1. Translate for meaning and tone, not word-for-word.
2. Keep {placeholders} and formatting intact.
3. Flag strings that exceed limits and give a shorter option.
4. Note cultural issues (formality, dates, numbers, currency).

## Reply in this format
- String table: key, source, translation, length, fits?
- Cultural notes
- Strings needing native review

## Rules
- Recommend native-speaker review before release.
- Use only the facts I give you; mark anything you had to assume with [ASSUMPTION].
- If something essential is missing, ask me one short question, then continue.
- No preamble or filler: start with the result.

Confirm you're ready in one line, then wait for me to send my UI strings (with keys and character limits) and the target languages.

Immediate result: Localised UI strings that sound natural, fit length limits and keep placeholders intact. Copy it or download SKILL.md

Want proof you can do this work? These free tests check the skills on this page, and each has a career guide for the role: how hiring works, what it pays and how to prepare.

• 14 AI skills for product managers
• 20 AI skills for software engineers
• 8 AI skills for writers and communications teams
• All 200 AI skills, by job — how skills work and the full series