01
Add a comment,
right there
Describe your feedback, attach a screenshot, mention a teammate, and it stays pinned to that exact spot.
The feedback layer for teams and agents.
Click anywhere on your site to leave a comment. Your team, or your AI agent, gets it with a full replay of what happened.
qualities.work
Invoices
New
Amount
Issue date
Due date
S
AE
20+
1
Used by teams at
Built for teams that care about quality work.
Start for freeAdd a comment,
02
See and join other conversations
Threads are shared, not siloed. Everyone on the project sees what's already been raised on a page, replies inline, or reacts.
Thread
Elijah Kingson1h
I feel like there has to be a primary action here for them to make.
0:30
View playbackAyomide Daniel30m
Yeah, i think so as well.
Slo30m
We could say “New” with a plus icon.
Reply...
You don’t need to record, a playback is attached.
287
00:00
00:46
1x
Comments
Console
Actions
Network
Ayomide Daniel1h
So i think this button can be better. What do you think? i feel like there has to be a primary action here.
🔥1
Pariola Philip4m
Yeah, i think so as well, but what could the CTA be?
Bode Slo4m
Uhmm, what if we could say “New” with a plus icon.
@Ayomide Daniel, you can rethink it if this doesn’t make sense.
Reply...
POS-240
Playback
Watch what happened
Every comment includes a replay of the moments before it was left. See the clicks, scrolls and page changes that led to the bug.
Watch what happened
Every comment includes a replay of the moments before it was left. See the clicks, scrolls and page changes that led to the bug.
287
00:00
00:46
1x
Comments
Console
Actions
Network
Ayomide Daniel1h
So i think this button can be better. What do you think? i feel like there has to be a primary action here.
🔥1
Pariola Philip4m
Yeah, i think so as well, but what could the CTA be?
Bode Slo4m
Uhmm, what if we could say “New” with a plus icon.
@Ayomide Daniel, you can rethink it if this doesn’t make sense.
Reply...
POS-240
Playback
287
00:00
00:46
1x
Comments
Console
Actions
Network
Ayomide Daniel1h
So i think this button can be better. What do you think? i feel like there has to be a primary action here.
🔥1
Pariola Philip4m
Yeah, i think so as well, but what could the CTA be?
Bode Slo4m
Uhmm, what if we could say “New” with a plus icon.
@Ayomide Daniel, you can rethink it if this doesn’t make sense.
Reply...
POS-240
Playback
Watch what happened
Every comment includes a replay of the moments before it was left. See the clicks, scrolls and page changes that led to the bug.
Comments
Console
Actions
Network
0:00
Playback started
0:00
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
@multi-tabs.js:180:10
0:10
[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.
@chrome://extension:toolbar.js:50:10
0:15
Uncaught TypeError: safeAwait is not a function or its return value is not iterable
@chrome-extension://ilnegmapjjdfmlnmohkbcjeapbhnfgln/recording.js:5795:27
0:20
TypeError: Cannot read properties of null (reading ‘time’)at errorFunction (chrome-extension:/
@chrome-extension://ilnegmapjjdfmlnmohkbcjeapbhnfgln/recording.js:5795:27
0:30
[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.
@chrome://extension:toolbar.js:50:10
0:30
Playback ended
See what broke
Console errors and network requests are captured alongside the replay and lined up with it. Find the failed call without opening DevTools.
See what broke
Console errors and network requests are captured alongside the replay and lined up with it. Find the failed call without opening DevTools.
Comments
Console
Actions
Network
0:00
Playback started
0:00
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
@multi-tabs.js:180:10
0:10
[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.
@chrome://extension:toolbar.js:50:10
0:15
Uncaught TypeError: safeAwait is not a function or its return value is not iterable
@chrome-extension://ilnegmapjjdfmlnmohkbcjeapbhnfgln/recording.js:5795:27
0:20
TypeError: Cannot read properties of null (reading ‘time’)at errorFunction (chrome-extension:/
@chrome-extension://ilnegmapjjdfmlnmohkbcjeapbhnfgln/recording.js:5795:27
0:30
[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.
@chrome://extension:toolbar.js:50:10
0:30
Playback ended
Comments
Console
Actions
Network
0:00
Playback started
0:00
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
@multi-tabs.js:180:10
0:10
[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.
@chrome://extension:toolbar.js:50:10
0:15
Uncaught TypeError: safeAwait is not a function or its return value is not iterable
@chrome-extension://ilnegmapjjdfmlnmohkbcjeapbhnfgln/recording.js:5795:27
0:20
TypeError: Cannot read properties of null (reading ‘time’)at errorFunction (chrome-extension:/
@chrome-extension://ilnegmapjjdfmlnmohkbcjeapbhnfgln/recording.js:5795:27
0:30
[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.
@chrome://extension:toolbar.js:50:10
0:30
Playback ended
See what broke
Console errors and network requests are captured alongside the replay and lined up with it. Find the failed call without opening DevTools.
0:00
Playback started
0:00
Navigated to chrome://new-tab-page/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via History API
0:10
Clicked <p>
0:12
Clicked <div class=”h-full flex items-end”>
0:13
Clicked <span class="truncate">
0:13
Navigated to https://www.posthearts.app/ via History API
0:14
Clicked <button type="submit" class="active:!scale-[0...">
0:14
Navigated to https://www.posthearts.app/ via History API
0:15
Clicked <img class="rounded-[5.38px] w-full h-full o...">
0:18
Clicked <div id="letter-view-pape..." class="papers">
0:20
Playback ended
0:00
Playback started
0:00
Navigated to chrome://new-tab-page/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via History API
0:10
Clicked <p>
0:12
Clicked <div class=”h-full flex items-end”>
0:13
Clicked <span class="truncate">
0:13
Navigated to https://www.posthearts.app/ via History API
0:14
Clicked <button type="submit" class="active:!scale-[0...">
0:14
Navigated to https://www.posthearts.app/ via History API
0:15
Clicked <img class="rounded-[5.38px] w-full h-full o...">
0:18
Clicked <div id="letter-view-pape..." class="papers">
0:20
Playback ended
0:00
Playback started
0:00
Navigated to chrome://new-tab-page/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via History API
0:10
Clicked <p>
0:12
Clicked <div class=”h-full flex items-end”>
0:13
Clicked <span class="truncate">
0:13
Navigated to https://www.posthearts.app/ via History API
0:14
Clicked <button type="submit" class="active:!scale-[0...">
0:14
Navigated to https://www.posthearts.app/ via History API
0:15
Clicked <img class="rounded-[5.38px] w-full h-full o...">
0:18
Clicked <div id="letter-view-pape..." class="papers">
0:20
Playback ended
Retrace every step
A timestamped log of every click, input and navigation. Jump to any action and the replay jumps with it.
Retrace every step
A timestamped log of every click, input and navigation. Jump to any action and the replay jumps with it.
0:00
Playback started
0:00
Navigated to chrome://new-tab-page/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via History API
0:10
Clicked <p>
0:12
Clicked <div class=”h-full flex items-end”>
0:13
Clicked <span class="truncate">
0:13
Navigated to https://www.posthearts.app/ via History API
0:14
Clicked <button type="submit" class="active:!scale-[0...">
0:14
Navigated to https://www.posthearts.app/ via History API
0:15
Clicked <img class="rounded-[5.38px] w-full h-full o...">
0:18
Clicked <div id="letter-view-pape..." class="papers">
0:20
Playback ended
0:00
Playback started
0:00
Navigated to chrome://new-tab-page/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via History API
0:10
Clicked <p>
0:12
Clicked <div class=”h-full flex items-end”>
0:13
Clicked <span class="truncate">
0:13
Navigated to https://www.posthearts.app/ via History API
0:14
Clicked <button type="submit" class="active:!scale-[0...">
0:14
Navigated to https://www.posthearts.app/ via History API
0:15
Clicked <img class="rounded-[5.38px] w-full h-full o...">
0:18
Clicked <div id="letter-view-pape..." class="papers">
0:20
Playback ended
0:00
Playback started
0:00
Navigated to chrome://new-tab-page/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via History API
0:10
Clicked <p>
0:12
Clicked <div class=”h-full flex items-end”>
0:13
Clicked <span class="truncate">
0:13
Navigated to https://www.posthearts.app/ via History API
0:14
Clicked <button type="submit" class="active:!scale-[0...">
0:14
Navigated to https://www.posthearts.app/ via History API
0:15
Clicked <img class="rounded-[5.38px] w-full h-full o...">
0:18
Clicked <div id="letter-view-pape..." class="papers">
0:20
Playback ended
0:00
Playback started
0:00
Navigated to chrome://new-tab-page/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via History API
0:10
Clicked <p>
0:12
Clicked <div class=”h-full flex items-end”>
0:13
Clicked <span class="truncate">
0:13
Navigated to https://www.posthearts.app/ via History API
0:14
Clicked <button type="submit" class="active:!scale-[0...">
0:14
Navigated to https://www.posthearts.app/ via History API
0:15
Clicked <img class="rounded-[5.38px] w-full h-full o...">
0:18
Clicked <div id="letter-view-pape..." class="papers">
0:20
Playback ended
0:00
Playback started
0:00
Navigated to chrome://new-tab-page/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via History API
0:10
Clicked <p>
0:12
Clicked <div class=”h-full flex items-end”>
0:13
Clicked <span class="truncate">
0:13
Navigated to https://www.posthearts.app/ via History API
0:14
Clicked <button type="submit" class="active:!scale-[0...">
0:14
Navigated to https://www.posthearts.app/ via History API
0:15
Clicked <img class="rounded-[5.38px] w-full h-full o...">
0:18
Clicked <div id="letter-view-pape..." class="papers">
0:20
Playback ended
0:00
Playback started
0:00
Navigated to chrome://new-tab-page/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via typing in the address bar
0:01
Navigated to https://www.posthearts.app/ via History API
0:10
Clicked <p>
0:12
Clicked <div class=”h-full flex items-end”>
0:13
Clicked <span class="truncate">
0:13
Navigated to https://www.posthearts.app/ via History API
0:14
Clicked <button type="submit" class="active:!scale-[0...">
0:14
Navigated to https://www.posthearts.app/ via History API
0:15
Clicked <img class="rounded-[5.38px] w-full h-full o...">
0:18
Clicked <div id="letter-view-pape..." class="papers">
0:20
Playback ended
Retrace every step
A timestamped log of every click, input and navigation. Jump to any action and the replay jumps with it.
Zero lines of code.Set up in minutes.
No SDK, no script tag, no deploy. Install the extension, open any site (staging or production) and start leaving feedback in minutes.
Q
Quality’s Workspace
Get started
New project
Mentions
Projects
Quality
Paystack front office
Linear
Posthearts
Wise business
Stripe command center
Try
Invite members
Connections
How-to-guides
Project
/
Posthearts
01
Create a project
Name it, provide your web URL, you don’t need to add Quality to your codebase.
02
Install extension
Install the Chrome extension to unlock the toolbar. Comments are only visible to the people you invited.
https://chromewebstore.google.com/detail/quality
Ayomidé.
Chris
Temi
03
Invite your team
Add your team to a project and start getting or leaving feedback directly on what you’re working on.
Turn a thread into an issue.
Not all feedback is an issue. Create one when needed.
Thread
Elijah Kingson
1h
I feel like there has to be a primary action here for them to make.
0:30View playback
👀1
Ayomide Daniel
30m
Yeah, i think so as well.
👍🏾1
Alex Idua
30m
We could say “New” with a plus icon.
Ayomide created a Linear issue QUA 23
12m
Reply...
Not all feedback is an issue. Create one when needed.
Thread
Elijah Kingson
1h
I feel like there has to be a primary action here for them to make.
0:30View playback
👀1
Ayomide Daniel
30m
Yeah, i think so as well.
👍🏾1
Alex Idua
30m
We could say “New” with a plus icon.
Ayomide created a Linear issue QUA 23
12m
Reply...
Get notified on your Slack.
Connect Slack to a quality project with your preference settings.
Receive threads on the connected channel. Stay on top of things.
Give agents the full technical context.
Point your agent at a thread and it reads the replay, console, network calls and every click behind it. No re-explaining the bug.
