- Home
- Skills
- Branding & Design
- Product Audit
More screenshots
Works with the AI Agents you already use
Product Audit
From broken flows to a checkout any site can frame: a read-only audit of UX, accessibility, design system and security, every finding proven
$19
Product Audit
Example session with this skill installed
Audit Lumora, our AI image and video studio. Focus on a new user's path from the home page to the first generation and to buying credits. Desktop and mobile.
- Read your context and instructions
- Compiled the product audit
- Generated the app files
16 confirmed findings across money, security, accessibility, flows and the design system; 3 cost you now. Plus 2 hypotheses for staging. Nothing was generated, bought or replayed.
| Lose now (P0) | 3 |
| Risk to test on staging (level 2) | 2 |
| Fix soon (P1) | 8 |
| Debt (P2) | 5 |
By area
| Area | Top findings |
|---|---|
| Money and trust | The cost shown before generating stays "1 credit" for every model, video included (12 credits) · P0. "Start free with 50 credits", then a balance of 20 · P0. "Buy" opens the studio: there is no way to pay · P0 |
| Security | The studio, which spends credits, can be framed by any site: no frame-ancestors, no X-Frame-Options, no nosniff, no Referrer-Policy · P1 |
| Accessibility | Muted text at 3.12–3.68:1 and white on the brand purple at 4.23:1, needs 4.5:1 · P1. Unnamed ratio buttons and an unlabelled prompt · P1. No landmarks, and the studio has no h1 · P2 |
| Flows | The studio is 1,012 px wide on a 390 px phone, and pricing 453 px · P1. "Library" leads to a 404 · P1 |
| Design system | Ten type sizes on a five-step scale · P2. Internal model routing printed to the console · P2 |
| Growth and SEO | Structured data advertising $5–$99 for packs of $10, $39 and $149 · P1. No sitemap, canonical or share image · P2 |
To test on staging before anyone calls them bugs
- H1 · the server may charge the cost the browser sends: "Generate" posts
{prompt, model, cost}with the cost from a price table in the page. Safe test: from your own staging account, send a request whose cost differs from the model's price and compare the balance before and after. - H2 · the free daily allowance may live only in the browser: the count is in
localStorage, and the balance is checked only after ten free generations. Safe test: on staging, use up the allowance with an owned account, clear the site's storage, generate once more and read the balance.
If you read one paragraph: make the numbers true first (the cost per model, the promised starting credits, "Buy" buttons that lead somewhere), then three headers and two contrast tokens. That is hours of work and closes every P0 and two P1s. Then H1 and H2 on staging.
What the cross-check changed
- The contrast failure was first seen on card captions; recomputed,
--mutedfails on
all three surfaces, and white on the brand purple fails too, on every primary button.
- The overflow on phones turned out to be two pages, the pricing page too.
- Internal model IDs in the console went from P1 to P2: identifiers, not credentials.
Files: audit-summary.html for the decision, audit-teardown.html with every measurement and both hypotheses.
audit-summary.html
ZIP · project files
Example file from a real run - the skill writes it into your workspace.
Connects securely to your tools. The creator never sees your data.
About this skill
Ask an agent to audit a product and you get a confident list where a contrast ratio it measured sits next to a server bug it imagined. Your team then fixes what isn't broken and misses what is.
This skill audits a live web product the way a careful senior reviewer does, and it never changes anything on production.
Three layers.
- The product as a user meets it: key flows at desktop and phone width, every theme, every state (empty, error, success, the way back), with accessibility measured on every page: contrast pairs, names, labels, targets, headings, landmarks.
- What the client ships: security headers and cookie flags, caching, robots and sitemap, the 404, structured data against what the page renders, the design system as it is actually used (rare values, arbitrary classes, two scales for one thing), and the public JavaScript read as text.
- The lifecycle of your key scenario: states and transitions, what leaves the browser during a real run on your own account, and every rule the client enforces turned into a hypothesis with a safe test for staging.
Every finding is marked. Confirmed (measured on production, fix it), hypothesis (grounded in client behaviour, test it on staging first), not reproduced (re-test before filing), or cleared (suspected, measured, found sound). Severity is separate: P0, P1, P2.
Numbers are re-measured before they count. Every figure in the summary and every P0/P1 is checked a second way: recomputed independently, re-measured in another theme or viewport, or given to read-only verifier agents. The report shows what the cross-check corrected.
Two reports, ready to send:
- a summary for whoever decides: what you lose now, what to test, what is debt, one paragraph to read if nothing else, a fact-versus-hypothesis register and a decision matrix by effort, with owners;
- a teardown for specialists: every finding with its measurement, why it matters, the smallest fix and how it was re-checked.
Two scripts ship with it: a passive headers check and an in-page measurement that returns contrast failures, design values in use and where each rare one is. The reports are self-contained HTML in light and dark, in your language.
Safe by design. It asks first whose product it is and which account to use. No orders, no form submissions, no replayed requests, no other users' data, no load. When a check would be unsafe, it writes the safe test instead and carries on.
- It audits what a browser can observe. Server-side rules are never tested on production; they come out as hypotheses with a safe test for staging.
- Contrast is measured against solid backgrounds; text over images and gradients is listed for a manual check.
- Third-party stylesheets that block reading their rules (CORS) are counted, not analysed.
- Business-logic depth stops at hypotheses: running them is for your staging environment and your QA.
- For a product you don't own, it limits itself to what any visitor checks.
How to use
- 1
Connect your agent to the Agensi MCP
Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup
- 2
Sign in to Agensi
Your agent shows a sign-in link. Sign in and click Allow.
- 3
Ask for what you need
Your agent loads this skill and uses it on your task. It always asks before any payment.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill goes through the trust checks below.
Security scanned
Checked by our 8-point scan before listing
Fresh listing
Recently published to Agensi
Money-back guarantee
Doesn't do what its page promises? You get your money back.
Trust & safety
Security scan
Security scan passed 13 days ago
- Software
Node.jsPlaywright
Permissions
File Scopes
Network access is plain GET requests to the site being audited, the way a browser loads it: `scripts/headers.mjs` reads response headers, and the browser loads the pages the user names. `scripts/page-audit.js` runs inside the open page and reads its DOM, computed styles and stylesheets; it sends nothing anywhere. No environment variables are read. The only files written are the two reports. The skill sends no state-changing request to production and asks whose product it is before it starts.