---
"@context": https://schema.org
"@type": TechArticle
"@id": https://www.twilio.com/docs/taskrouter/quickstart/ruby/control-workers#article
headline: "Part 4: Controlling Worker Activities using TaskRouter.js"
description: Add a realtime agent user interface to your TaskRouter project with TaskRouter.js, the companion JavaScript library to Twilio TaskRouter, in this Ruby Quickstart.
url: https://www.twilio.com/docs/taskrouter/quickstart/ruby/control-workers
inLanguage: en
dateModified: 2026-07-06T16:59:46.000Z
author:
  "@type": Organization
  name: Twilio Developer Education Team
publisher:
  "@type": Organization
  name: Twilio
---

# Part 4: Controlling Worker Activities using TaskRouter.js

In Part 4 of the Quickstart, you tie the earlier parts of the project together and add a realtime user interface using TaskRouter.js, the companion JavaScript library to Twilio TaskRouter. To do so, follow these steps:

1. [Introducing TaskRouter.js](/docs/taskrouter/quickstart/ruby/agent-ui-introducing)
2. [Add an Agent UI to our Project](/docs/taskrouter/quickstart/ruby/agent-ui-add-project)