AI Frontend UI & Accessibility Prompt Pack

AI will happily turn a screenshot into a component in seconds. Without your context, it also gives you clickable divs, outline: none, eyeballed hex codes and a modal you can't leave with the keyboard.

AI Frontend UI & Accessibility Prompt Pack gives you 32 ready-to-paste prompts that make ChatGPT, Claude, Cursor, Claude Code or Codex work from your framework, design system, tokens and real markup: state assumptions, refuse to invent tokens, copy, validation rules or audit scores, use native HTML first and ARIA only when needed, cite WCAG 2.2 criteria by number and name only, and hand you reviewable output (unified diffs, findings tables, state matrices, keyboard tables, screen reader scripts, go/no-go tables).

WHAT YOU GET

• PDF guide (36 pages): why AI-generated UI goes wrong, the UI context block, all 32 prompts with when-to-use notes, combinations, a fictional worked example, prompt anatomy and follow-up lines

• templates/: 32 plain-Markdown prompts + 3 checklists + README

THE 32 PROMPTS

• Framing & context (01–04): UI context block · inventory UI components · requirements & every state · explain an unfamiliar component

• Components & design system (05–09): component API design · state & data flow · screenshot/Figma description → components · design-token adherence · design-system reuse

• Layout & CSS (10–13): responsive layout · CSS robustness review · reflow, zoom & text spacing · dark mode, forced colours & reduced motion

• Forms (14–17): structure, labels & input purpose · validation & error UX · multi-step forms · sign-in/sign-up/verification forms

• Accessibility (18–25): semantic HTML & landmarks · keyboard & focus audit · ARIA review · dialog/tabs/menu/combobox patterns · contrast & use of colour · images, icons & accessible names · target size & pointer · screen reader test script

• States & i18n (26–28): loading/empty/error/partial states · status messages & live regions · internationalisation basics

• Review & gates (29–32): UI PR review · light component tests (roles, keyboard, axe) · visual regression plan · pre-merge UI go/no-go

ALSO INCLUDED: UI component review checklist · Accessibility quick audit checklist (WCAG 2.2-oriented, with tool name reference) · Forms & UI states checklist

NOT INCLUDED: full test-suite design, rendering/bundle performance, XSS/CSP/auth security (see sibling Pluto packs); a conformance certificate; fabricated audit scores, statistics or testimonials.

Price: $19 · Author: Pluto · X @Mars_Peakul · Edition 1.0 · October 2026