Run AI usability tests on your site from Claude Code
A designer built Usability Test MCP. From Claude Code or Codex you point it at a website, localhost or a Figma flow, and AI participants click through it.
Source
@ghidalgodesign on X · 2026-10-14
Written in our own words. Credit to the original author. Link checked 2026-10-21.
What they did
A designer built Usability Test MCP. From Claude Code or Codex you point it at a website, localhost or a Figma flow, and AI participants click through it.
Result (as claimed)
You get the top 3 fixes with evidence; one command starts a test.
Tools they used
Cost: Claude Code: from $17/mo; OpenAI Codex: free plan, paid from $8/mo; Figma: free plan, paid from $16/mo.
Set it up
Pick a contained repo or task
Start on a branch or side project where mistakes are cheap.
Install and configure
Set up Claude Code, OpenAI Codex, Figma. Read what it can run on your machine and limit permissions where possible.
Run it on a real task
Give it a well-scoped issue and let it work. Review the diff like any pull request.
Add guardrails
Keep tests and CI in the loop, and never let an agent push to main or touch production secrets unattended.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Run AI usability tests on your site from Claude Code What the original author did: A designer built Usability Test MCP. From Claude Code or Codex you point it at a website, localhost or a Figma flow, and AI participants click through it. Reported result (as claimed by the author): You get the top 3 fixes with evidence; one command starts a test. Source: https://x.com/ghidalgodesign/status/2110511395724988475 Tools they used: Claude Code, OpenAI Codex, Figma Category: Dev & ops Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Run AI usability tests on your site from Claude Code What the original author did: A designer built Usability Test MCP. From Claude Code or Codex you point it at a website, localhost or a Figma flow, and AI participants click through it. Reported result (as claimed by the author): You get the top 3 fixes with evidence; one command starts a test. Source: https://x.com/ghidalgodesign/status/2110511395724988475 Tools they used: Claude Code, OpenAI Codex, Figma Category: Dev & ops Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Run AI usability tests on your site from Claude Code What the original author did: A designer built Usability Test MCP. From Claude Code or Codex you point it at a website, localhost or a Figma flow, and AI participants click through it. Reported result (as claimed by the author): You get the top 3 fixes with evidence; one command starts a test. Source: https://x.com/ghidalgodesign/status/2110511395724988475 Tools they used: Claude Code, OpenAI Codex, Figma Category: Dev & ops Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to vibe code an app with Claude Code · How to use Claude Code and Codex together · How to build a website with AI agents · How to build an MCP server for AI agents
Related use cases
See your Claude Code and Codex limits in your Mac menu bar
Tired of hitting limits mid-task, he built Pikori, a small Mac menu bar app showing Claude Code and Codex 5-hour and weekly limits and reset times, with a pixel buddy that gets nervous as you run low.
Give Claude Code, Codex and Cursor one shared, self-improving memory
An AI educator connected Claude Code, Codex and Cursor to one memory layer, so a correction made in Cursor carries over to Claude Code and skills built in Codex are available everywhere. The memory updates itself as the agents learn.
Get daily summaries of what you built with Claude Code and Codex
AI WorkLog is a free open-source macOS app for Claude Code and Codex users with daily AI work summaries, project tracking, conversation search and token and cost analytics.
Let Claude Code, Codex and Grok consult each other and review each other's diffs
He built consult so his coding agents can ask each other for advice, review each other's diffs and message sessions already running, instead of him pasting context between them.