Every website has one designNo two people need the same one
Describe the interface you want. UI-Anima reshapes the real page while verified actions stay connected and unverified actions stay unavailable.
YOU SAY
One column, huge type, black on cream, no images.
01 / 03
The page becomes readable
The same content becomes one clear column with large, high-contrast type.
A fictional link-led news page is reshaped for three different readers. The same source content becomes a clear reading page, a single-topic feed, or a funding table. Verified links remain connected, an unverified action remains unavailable, and the original view can be restored.
The same URL is a different document to every person
A student looks for deadlines. An investor looks for unanswered threads. A recruiter wants twelve rows, not two hundred cards. Websites are built once for an imagined average reader; the useful page depends on the person and the task.
An assistant can give you an answer about a page. UI-Anima gives you the page in the shape you asked for—with its verified actions still attached.
DIRECTION, IN WORDS Inbox, portal, and workplace examples describe the larger idea; the demonstrations on this page use content- and link-led pages.
What should this page become for you?
Each example follows the same three beats: the friction, the sentence a person would actually say, and the useful page that comes back.
DEMONSTRABLE EXAMPLEA reader buried under everything but the story
The article occupies a third of the screen
Autoplaying video, advertising, related stories, and newsletter prompts crowd the thing the reader came for.
“Just the story. Serif, wide margins, no images except the ones in the article.”
The same article fills the screen
The source words and verified links remain; the presentation becomes a calm reading page.
DEMONSTRABLE EXAMPLEA recruiter scanning two hundred near-identical profiles
Twelve relevant profiles hide inside two hundred cards
The reader has already started building the spreadsheet the page should have been.
“Only profiles mentioning Rust. Name, current role, years—as a dense table.”
Twelve rows replace two hundred cards
The same profile links remain available in a view designed for comparison.
DEMONSTRABLE EXAMPLESomeone who cannot read the default page
Small grey text, three columns, and overlapping banners
The default interface turns ordinary reading into a physical barrier.
“One column, huge type, black on cream, no images.”
The same content becomes a clear reading page
Large type, high contrast, and one predictable column reshape the presentation.
DEMONSTRABLE EXAMPLEA cook with flour on both hands
Fourteen hundred words stand between the cook and the eggs
A recipe page is arranged around everything except the moment it is used.
“Just ingredients and numbered steps.”
The recipe becomes the page
Ingredients, steps, and the source links stay; the preamble leaves the foreground.
More things people can ask for
- “Recolour to blue and orange, and label every colour in text.”
- “Same layout as always: title, then list, plain, predictable.”
- “Only free events this weekend, by neighbourhood.”
- “Only revenue, margin and guidance. Table. Nothing else.”
- “Only items in stock. Price per unit, lead time.”
- “Only my team. Score, next fixture, injuries.”
- “Short lines, big type, one column, lots of white space.”
- “Make this simple enough to describe on a phone call.”
Same page, different reader
Pick who you are today. One sentence in, the same page back—rearranged around you. People ask in one-line commands or a full paragraph of art direction; both are welcome.
When the page is a barrier
Reading with dyslexia
Justified text with tight leading physically swims.
“Wide letter spacing, short lines, generous line height, left-aligned.”
The same words, in a shape that holds still
Motion is a physical trigger
An autoplay video and a flashing banner get there before the page settles.
“Dark, matte, no animation, nothing moving.”
A still page
An imprecise hand
A dense navigation bar of tiny targets.
“Big tap targets, lots of spacing, one column.”
A page that forgives an imprecise hand
When your job is scanning
Analyst, before the morning call
The same three feeds every morning; one sector matters.
“Only funding announcements. Company, round, amount, investors.”
A table you can read at a glance
Real-estate agent
Photographs dominate; the comparable numbers are buried.
“Table: price, beds, square footage, days on market. No photos. Sort by newest.”
The spreadsheet you were going to build by hand
Clinician, before clinic starts
A literature search returns four hundred results.
“Only randomised trials from the last five years. Title, n, and finding.”
A shortlist
When you are studying
Registration week
Nine hundred courses, and a timetable to fit around a job.
“Only Tuesday/Thursday afternoon courses with seats left.”
A list you can actually choose from
Doctoral researcher
Eighty new papers in the daily listing. Every morning. Forever.
“Only papers with a code link. Title, one-line abstract, authors.”
The four worth opening
Exam preparation
The question bank shows everything, including what you already know.
“Only questions I got wrong, grouped by topic.”
A revision session instead of a library
Everyday
A menu, with an allergy
A long menu, a phone, a table of people waiting.
“Only gluten-free dishes. Big type.”
The four things you can safely order
Booking travel
A results page optimised to sell upgrades.
“Nonstop only, under $400, sorted by departure time.”
The flights that meet the constraints
Choosing something to watch
An infinite grid. Forty minutes of scrolling. Nothing watched.
“Only films under 100 minutes, with the year and runtime showing.”
A decision
Developers
Reading documentation
A marketing page wrapped around an API reference.
“Only the API reference. Signatures and parameters, monospace, no prose.”
The reference
Question sites
Three screens of preamble above one working answer.
“Only accepted answers with code. Code first.”
The answer
Release notes
A changelog going back four years.
“Only breaking changes since 3.0.”
What actually breaks
The part we can only tell you
Some pages are made of buttons, inputs, and forms. Those we describe as direction—nothing below is a demonstration, and none of it is implied to be available.
The same inbox, two different jobs
A student and an investor open the same email client. It looks identical for both. One is juggling deadlines, group projects, and a part-time job. The other is tracking deal flow across forty threads before a 9am call.
The student would sayOnly unread from my professors and anything due this week.
The investor would sayOnly threads I haven’t replied to, newest first, with the company name pulled out.
The same inbox, arranged around what each of them is actually doing. Nobody built the second version.
- A nurse, at 3am, in a health record designed around billing
- An engineer, in a ticket showing forty fields when three matter
- A support agent, in a queue laid out identically for every role that touches it
- A warehouse supervisor, facing two hundred inputs, of which nine are used daily
- A field technician, on a phone in a van, in a tool designed for a desktop
- Someone managing a parent’s care across four portals, none designed for the person doing the managing
- Sunday night: six courses, one learning portal, no single view of what is due
- A government website, a deadline, and one question—what do I actually have to do, in order
These describe the larger idea. The demonstrations on this page use content- and link-led pages.
The view can change. The site cannot gain new powers
A redesigned action becomes available only after UI-Anima matches it to an action on the original page. If the connection cannot be verified, UI-Anima does not guess.
RESHAPED VIEW
Story linkOpen the full reportVERIFIED
Unverified story linkOpen related coverageUNAVAILABLE
PRESENTATION≠AUTHORITY
ORIGINAL PAGE
SOURCE ACTIONStory URLCONNECTED
NO VERIFIED DESTINATIONNo link is enabledNOT GUESSED
- 01
Describe
Say what the page should become for the task in front of you.
- 02
Reshape
The page’s existing content is reorganized into the requested view.
- 03
Reconnect
Only actions matched to original behavior become available.
- 04
Return
Switch back to the original interface whenever you need it.
Three runs—including the hard one
These are individual recorded runs with reconstructed visuals and placeholder content. They are not benchmark averages, page-coverage measurements, compatibility claims, or service guarantees.
Dense link list → gallery-catalog reading experience
A gallery-catalog reading experience: soft bone-white, dramatic editorial serif headlines with extreme size contrast, one hero story with a framed image and drop-cap, the rest as an elegant staggered masonry with hairline borders and lots of air. Restrained, museum-quality, quietly luxurious.
- Actions connected
- 23
- Reported fidelity
- 100%Share of target actions selected for this run that were successfully connected; not total page coverage.
- Incorrect actions observed
- 0 in this run
Dense news page → elegant broadsheet
An elegant broadsheet newspaper: ivory paper, a bold serif masthead, a big lead story under a hairline rule, tidy multi-column sections, one warm accent.
- Actions connected
- 20
- Reported fidelity
- 100%Share of target actions selected for this run that were successfully connected; not total page coverage.
- Incorrect actions observed
- 0 in this run
Video results → discovery gallery
A sleek video discovery gallery: dark charcoal canvas, large 16:9 thumbnails in a clean grid, bold white video titles, muted channel names and view counts beneath each, one vibrant red accent, generous spacing, and one featured video highlighted up top.
- Actions connected
- 13
- Reported fidelity
- 58%Share of target actions selected for this run that were successfully connected; not total page coverage.
- Incorrect actions observed
- 0 in this run
Definitions and limitations
Reported fidelity is the share of target actions selected for that run that were successfully connected. It does not measure total page coverage.
Incorrect actions observed describes these individual runs only. It is not a product guarantee.
Know what changes—and what does not
Action availability varies
UI-Anima can reshape a website’s presentation. Only controls matched to original behavior are enabled.
No site automation
UI-Anima rearranges content and actions already present on the page. It does not add abilities or act on your behalf.
Timing varies
Time depends on the page and request. UI-Anima does not currently publish a typical generation time.
The short version
What is UI-Anima?
A browser interface layer that reshapes a website around the person’s request while keeping verified actions connected to the source page.
Which pages can it reshape?
UI-Anima is designed to reshape a website’s presentation. Action availability varies by page: only controls matched to original behavior are enabled.
Does it automate the site?
No. UI-Anima rearranges content and actions already present on the page. It does not add abilities or act on your behalf.
Does it rank or judge the content?
No. It filters and rearranges what is already on the page. It does not rank, judge, or alter the underlying content.
What happens when an action cannot be verified?
It remains unavailable rather than being guessed.
Can I return to the original page?
Yes. The original interface remains one click away.
What page would you reshape first?
Tell us your browser, the first pages you would try, and the task those pages make harder than it should be.
- 01 Bring a page you already use
- 02 Describe the view you wish it had
- 03 Receive setup details if the current access is a fit