141 tools. Find the one that does your job.

Accessibility checks

• Page accessibility: Scan one page's HTML for accessibility problems and see the WCAG criterion behind each one.
• Touch targets: Check button and control sizes against WCAG 2.5.8, iOS and web 44, and Android 48 targets.
• Screen reader script: Read a page as a linear script of what a screen reader would announce, with problems flagged inline.
• Reflow and resize check: Find what breaks at 400 percent zoom or 320px wide: blocked zoom, fixed widths and clipped boxes.
• Form audit: Audit a form's markup for labels, autocomplete, input types and error wiring, and review its error messages.
• Alt text quality: Catch missing, file-name and filler alt text on a page, and weak og:image alt, before it ships
• Touch target estimate from CSS: Estimate which buttons and links fall under 24px or 44px tap size from your CSS and markup
• Repeated labels check: Find duplicate headings, same-text links and unnamed repeated landmarks that make a page hard to scan by ear
• Rendered versus static notes: Look up when a static audit result over- or under-reports, with a snippet to check it in a real browser
• State coverage check: Find buttons, links and inputs missing hover, focus-visible, pressed or disabled styles in your CSS
• Cognitive load check: Audit how much a screen asks of a person: controls, reading level, timeouts, CAPTCHAs and form length
• Reading order check: Find CSS and markup that make visual order differ from DOM order, and read both sequences side by side
• Focus order plan: Model the Tab sequence of your markup and flag unnamed controls, positive tabindex and a missing skip link
• Keyboard shortcut conflicts: Find keyboard shortcuts that clash with each other, the browser, the OS or screen reader keys
• Input modality check: Find pointer-only designs in your code: hover reveals, drag, swipe, tiny targets and motion actuation

Colour and contrast

• Contrast: Find which text and UI colour pairs fail WCAG contrast and get the nearest colour that passes.
• Palette harmony: Build complementary, analogous, triadic, split and tetradic palettes from base colours with even weight
• Tint and shade scale: Turn one colour into a 50 to 950 tint and shade scale with WCAG contrast reported on every step
• Status colour check: Check that error, success and warning colours stay distinct under colour blindness, with a second cue each
• Dark mode palette: Derive a dark-mode palette from your light-mode tokens and fix text and accents that fall below 4.5:1
• Colour temperature mix: Read a palette's warm and cool balance and whether its area shares sit near a 60-30-10 split
• CSS contrast pairs: Find which real text and background colour pairs in your CSS fail WCAG contrast, with file and line
• Palette against brief: Test whether a colour palette supports its brief words, and catch missing neutrals and look-alike colours

Typography

• Modular type scale: Build a modular type scale from a base size and ratio, with rem values and a fluid clamp() for each step
• Measure and leading: Check whether a text column holds 45 to 75 characters per line and get a line-height to match
• Type crimes lint: Find typographic errors in copy, HTML or CSS, such as straight quotes, fake dashes and tight line-height
• Vertical rhythm: Snap a set of type sizes to a baseline grid with line-heights and margins in whole baseline units
• Type pairing check: Check whether two or three typefaces pair well, using class, structure, x-height and role fit
• Type scale audit: Check a stylesheet's font sizes against a modular scale and flag sizes, line heights and body text that drift

Layout, grids and spacing

• Grid builder: Build a column or modular grid from a page width, with every span width, CSS and Figma layout settings
• Spacing scale: Generate a set of spacing tokens from a base unit, as a linear ladder, a modular scale or your own steps
• Proportion calculator: Work out the missing side of a golden, root-2 or custom ratio and split a container at that ratio
• Breakpoint planner: Plan responsive breakpoints from the widths where your layout breaks, with ready CSS and fluid clamp() rules
• Proximity and alignment check: Find near-miss alignments, uneven gaps and orphaned boxes in a layout from box coordinates or markup
• Spacing audit: Detect the spacing base unit in a stylesheet, list off-grid values and propose a cleaner scale
• Navigation depth: Analyse a navigation tree for depth, breadth, one-child branches, naming collisions and orphan pages
• Responsive image planner: Plan srcset widths and the sizes attribute for an image from your breakpoints and device pixel ratios

Design systems and tokens

• Token contrast matrix: Test every text token against every background token in a variables file and list the failures.
• Token names: Lint design token names for mixed separators, colour-based names, duplicate values and uneven scales.
• Design drift check: Compare design tokens with code variables and list what is missing, mismatched or hard-coded.
• Extract design tokens: Pull the colours, fonts, spacing, radii and shadows a stylesheet really uses, each with a use count
• Token scale audit: Find near-duplicate colours, sizes and spacing values and get a consolidated scale with an old-to-new map
• Component inventory: List the components hiding in a stylesheet and the variants that disagree on radius, padding or size
• Design system health score: Score a design system out of 100 across tokens, scales, components, states and contrast, with the formula
• Token drift compare: Compare two token sets and classify the change as breaking, minor or patch, with renames detected
• Design tokens to CSS: Convert W3C design tokens JSON into CSS custom properties and a Tailwind theme
• CSS to design tokens: Turn CSS custom properties into W3C design tokens JSON, typed, grouped and aliased
• Icon set audit: Find icons in an inline SVG set that differ in grid, stroke, style, colour handling or accessibility

Whole-site audits

• AI design slop: Spot the common AI design defaults in a page's markup and CSS, such as eyebrow labels and arrow buttons.
• Page weight report: Measure a live page's HTML size, element and link counts, and the stylesheets and scripts it pulls in
• URL structure: Review a list of URLs for case, separator, depth and trailing-slash inconsistency and opaque IDs
• Sitemap to outline: Turn a list of URLs or an indented tree into a numbered outline and flag structural problems
• Site accessibility crawl (Pro): Crawl up to 15 pages from a start URL and find which accessibility issues repeat across the site.
• Site inventory (Pro): Map a site into page types, with counts per template, orphan hints and one sample URL for each type
• Site heading outline (Pro): Check heading structure on every page of a site and list pages with no h1, two h1s or skipped levels
• Site meta audit (Pro): Audit title, description, canonical, lang and social tags across a site and flag duplicates and gaps
• Site link health (Pro): Find broken links, redirects and http links across a site, including destinations the crawl did not visit
• Site consistency (Pro): Find pages whose nav, header, footer, stylesheets or button wording drift from the site's common version
• Page diff (Pro): Compare two public pages, such as staging and production, and list what differs in structure and findings
• Site performance hints (Pro): Spot render-blocking assets, images without dimensions and font loading gaps across a site's pages
• Site audit summary (Pro): Score a site 0 to 100 on structure, meta, headings and links from one crawl, with the formula shown

Interface writing and content

• UI copy: Review buttons, errors, empty states and tooltips for what each must do, and flag AI-writing tells.
• Disclosure copy: Score fee, rate, terms, consent and error copy for reading level and flag legalese and vague money words.
• Dark patterns: Look for deceptive-design signals, such as confirmshaming and pre-ticked boxes, in copy, markup or a page.
• Error message check: Find error and status messages that blame, give no next step or vanish too fast, and get a fix template
• Microcopy review: Review buttons, labels, tooltips, empty states and confirmations for vague or filler wording
• Error state skeleton: Assemble inline, banner and full-page error message drafts from the problem, cause and fix you give
• Content hierarchy: Check that key terms appear early and headings work on their own, inverted-pyramid style
• Plain language: Measure reading grade and flag passive voice, jargon and wordy phrases, with plain replacements
• Button label consistency: Find different words used for the same action, and mixed case or punctuation, across your interface labels
• Notification copy: Check push, email, in-app and SMS notification copy for truncation, urgency pressure and vague text
• Label clarity: Flag navigation labels that are catch-alls, too long, overlapping or mixed in case and style
• Taxonomy overlap: Find duplicate and near-duplicate tags and categories, with the most-used term to keep

Research and usability testing

• Usability numbers: Score SUS results and work out sample sizes for usability tests, A/B tests and surveys.
• Heuristic review: Get a Nielsen heuristic worksheet for a screen or flow, with signals showing where to look first.
• Critique plan: Plan a design critique for the stage the work is in, with timed rounds, roles and feedback to hold back.
• Research questions: Find leading, double-barrelled and hypothetical questions in an interview or survey script and rewrite them.
• Trunk test: Check whether a page answers Krug's six trunk-test questions: site, page, sections, options, location, search
• Form check: Check a form's markup against Wroblewski's Web Form Design rules and get a fix for each finding
• Card sort analyser: Turn open card-sort results into a similarity matrix and suggested categories from participant agreement
• Fitts and Hick calculator: Estimate pointing time with Fitts's law and choice time with Hick's law to compare layouts
• Usability test plan: Build a usability test plan from your goal, participants and tasks, and flag tasks that lead the user
• Tree test scorer: Score tree test results per task with success, directness, first clicks and confidence intervals

Charts and data

• Tracking plan: Check a product analytics event list for naming drift, vague events and personal data in properties.
• Chart honesty check: Check a chart spec for misleading design, with the lie factor worked out when the baseline is truncated
• Chart chooser: Pick a chart type from the question you are asking and the shape of your data, with types to avoid
• Chart colour check: Check chart series colours for contrast, colour-blind confusion and too many hues against your background
• Table or chart: Decide whether your data should be a table, small multiples, a sparkline or a chart
• Number format check: Audit how numbers are displayed for mixed decimals, separators, suffixes and rounding that breaks a total

Brand and naming

• Brand voice: Check copy against your own voice rules and list each line that breaks one, with a replacement.
• Brand guideline checklist: Get a brand guideline skeleton with your decisions filled in and every open decision listed
• Logo size rules: Compute logo clear space and minimum sizes for screen and print, with a size table
• Logo colourways: Pick which logo colourway to use on each background and see which backgrounds need a one-colour version
• Voice consistency: Find which writing samples drift from the rest of your brand voice, and which break your rules
• Naming check: Screen brand name candidates for spelling, pronunciation and typing trouble and look-alike names
• Tagline review: Score taglines on concreteness and flag clichés, filler and lines any competitor could use
• Brand architecture: Suggest branded house, house of brands or endorsed brand for each product from five facts about it

Motion

• Motion check: Find autoplay, endless loops, possible flashing and long transitions, and get reduced-motion CSS to paste.
• Easing designer: Turn an easing name, cubic-bezier or spring into CSS timing functions with sampled progress and feel notes
• Duration scale: Pick an animation duration from distance, size and complexity, and get an enter and exit pair
• Motion CSS audit: Find animations in your CSS that force layout, ignore reduced motion or run forever without a pause
• Stagger planner: Plan staggered reveal delays for a list so the whole sequence fits a time budget
• Animation principles review: Review a described animation against the twelve animation principles and get a question for each one
• Lottie JSON lint: Lint a Lottie file for size, expressions, embedded images and features that break on mobile players

Email design

• Email accessibility audit: Audit an email's HTML for layout tables, alt text, link text, font size, contrast and reading order.
• Email HTML lint: Find email HTML that Outlook or Gmail will break: clipping, div layout, missing alt and unsafe CSS
• Email preheader check: Check an email preheader for length, subject repetition, filler and a sound hiding method
• Email dark mode check: Check how an email will survive dark mode: declared schemes, hard-coded whites and risky mid-tone text
• Email accessibility check: Find accessibility faults in an email: missing alt or lang, vague links, low contrast, text in images
• Email subject line check: Check a subject line for length on phones, spam-trigger words, shouting and broken merge tags

Print and prepress

• Print spec calculator: Work out bleed size, safe area, spine width and wraparound cover size for a print job
• DPI calculator: Check whether an image has enough pixels for a print size, and how many you need at 300 ppi
• Colour mode check: Check print colours for total ink, RGB in a CMYK job, rich black and registration black
• Paper size converter: Convert a paper size to mm, inches, points and pixels, and find the nearest standard sizes
• Imposition planner: Plan page counts, blank pages and printer spreads for a saddle-stitched or perfect-bound booklet
• Print file checklist: Get a prepress checklist for your product, colour mode and finishes, with figures to confirm with the printer
• Screen and print colour approximation: Approximate an sRGB colour as CMYK, or the reverse, with total ink and a gamut caution

Handoff and design ops

• Feedback lint: Sort critique notes into observation, opinion, solution, vague and question, and rewrite the weak ones.
• Personal data scan: Find real emails, phone numbers, cards, IBANs and API keys in design text before you share the file.
• Handoff spec check: Find the missing states, sizes, tokens and behaviours in a component handoff list before developers ask
• Naming convention check: Audit layer, token and file names for mixed styles, default names like Frame 12 and version leftovers
• Asset export planner: Get the formats and sizes to export for each asset across web, iOS, Android, favicon and social
• SVG bloat check: Find the editor metadata, long decimals and unused defs bloating an SVG, with the bytes they cost
• Design changelog: Turn two lists of tokens or components into a changelog with probable renames and a version bump

International and inclusive design

• Localisation stress test: Predict how far UI strings grow in eight languages and flag the ones that overflow their space.
• Localisation readiness: Check source strings for translation problems and project how long each will be in other languages
• RTL readiness: Find the left and right CSS that will break in Arabic or Hebrew, with the logical property to use instead
• Font coverage check: Find which scripts your text needs and which listed fonts cover them, with a Noto family for each gap
• Date and number format review: Find dates, numbers, currency and units in UI text that read differently in other locales
• Text expansion planner: Plan how much longer each UI string gets in other languages and flag the ones that overflow
• Name field check: Find name inputs that reject real names: short maxlength, A to Z patterns and forced first and last fields
• CJK line breaking check: Find CSS that breaks Chinese, Japanese, Korean or Thai text badly: word-break, lang, line height and spacing
• Locale picker review: Review a language switcher for flags, English-only names, bad language tags and navigate-on-change

Reports and compliance

• Conformance report (Pro): Draft a VPAT-style WCAG 2.2 conformance report from an automated audit of up to 10 pages.
• Heuristic report (Pro): Turn heuristic findings into a scored markdown report with duplicates merged across evaluators.

Working with AI

• DESIGN.md check: Score a DESIGN.md for missing sections, failing contrast pairs and vague wording before a model reads it.
• Save project context (Pro): Save brand notes, a DESIGN.md or past decisions under a name so later sessions can reuse them.
• Get project context (Pro): List the project context you saved, or read one saved item back by name.
• Getting started: Get three sensible first tasks to run on this server, based on what you have in hand.
• Plan and limits: Check your plan and how many calls you have left today on each tool.
• Doctor: Diagnose why the server connects but does nothing, and check that a Figma link points at a frame.