Render the real interface
Shapeable opens the public page at mobile and desktop sizes, then records the DOM, computed layout, browser errors, motion behavior, and responsive evidence.
Design diagnosis for the live web
Paste a site. Find the design decisions working against it.
Shapeable renders any authorized public page at mobile and desktop sizes, scores the measured surface from 0 to 100, diagnoses visual and UX friction, and writes an evidence-backed improvement prompt your coding agent can implement.
21mobile + desktop checks
2required viewports
0changes without approval
A little intention changes everything
The scan-to-cure loop
An audit should hold evidence, not adjectives.
Shapeable keeps collection, diagnosis, implementation, and verification as distinct steps so every claim can be inspected.
Connect flaws to principles
Every finding names the observation, user impact, affected selectors, severity, confidence, and the design principle it violates.
Write the cure
The result becomes one ordered implementation prompt with bounded scope, acceptance criteria, rollback instructions, and a content-bound approval ID.
A score that admits what it does not know
Quality, coverage, and confidence travel together.
Every scan reports a 0 to 100 surface score with profile coverage and evidence confidence. A complete UX quality score still requires representative tasks, accessibility evaluation, interaction states, responsive evidence, and human review.
Read the machine boundary ↗01Purpose + task success20%
02Perception + accessibility15%
03Comprehension + information architecture15%
04Interaction + recovery15%
05Responsive resilience + performance10%
06Visual hierarchy + legibility10%
07System coherence + craft10%
08Trust + identity05%
Pattern intelligence, not cloning
Learn from excellent interfaces. Preserve the site's own identity.
Shapeable studies attributed patterns from products, design systems, accessibility standards, and usability research. It transfers intent and principles, never proprietary assets or another brand's visual identity.