# Task List, On-Screen Tasks, Co-Working Tasks

**URL:** <https://extensions.streamer.bot/t/task-list-on-screen-tasks-co-working-tasks/3360>\
**Category:** Testing\
**Tags:** obs, chat, twitch\
**Created:** [May 19, 2026, 2:37am UTC](https://extensions.streamer.bot/t/task-list-on-screen-tasks-co-working-tasks/3360 "2026-05-19T02:37:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![peterttx](https://extensions.streamer.bot/user_avatar/extensions.streamer.bot/peterttx/32/6406_2.png) [@peterttx](https://extensions.streamer.bot/u/peterttx)\
**Post date:** [May 19, 2026, 2:37am UTC](https://extensions.streamer.bot/t/task-list-on-screen-tasks-co-working-tasks/3360/1 "2026-05-19T02:37:25Z")

</div>

## Description

> Create and manage a shared task list for streamers and chat for co-working streams.  
> Add and remove tasks directly from chat and display active tasks on-screen.

## Import File

[Task List.sb](https://extensions.streamer.bot/uploads/short-url/pORYFQxqHdGBwkkWOjzi7JA0S3o.sb) (11.5 KB)

## Installation

In StreamerBot click the `Import` button in the top menu. Drag the **.sb** file into the `Import String` field.

 ![Importer](https://extensions.streamer.bot/uploads/default/original/2X/d/d2abbbe1b82534e2b357c808d48847a11d7af307.png)

Imported Commands are inactive by default for security reasons, so you will need to enable the Task Command

 ![Task List Command](https://extensions.streamer.bot/uploads/default/original/2X/4/470d3c139023c3d9b5778f6458a1b57b506059ab.png)

### Adding Tasks

Use the **!task add** command to add new Tasks to the list

Example:  
!task add Testing

### Complete Tasks

Use the **!task done** command to complete a Task

> You can use the Task number (Displayed on Screen)  
> _Viewers can complete their own tasks, but only mods can complete tasks from other viewers._

Example:  
!task done 1

### Remove Tasks

Use the **!task remove** command to remove a Task

> You can use the Task number (Displayed on Screen)  
> _Viewers can remove their own tasks, but only mods can remove tasks from other viewers._

Example:  
!task remove 1

### Clear Tasks

Use the **!task clear all** command to remove all current tasks  
Use the **!task clear complete** command to clear all completed tasks  
_This command can only be run by a mod_

Example:  
!task clear

## On-Screen Display

You can display the current tasks on-screen.

In the StreamerBot Data folder, a new sub-folder called PeterTTX\_Data will be created after the first task command is run

![Task List Folder](https://extensions.streamer.bot/uploads/default/original/2X/6/67b7342536a8a4d65a66527314d83a53137c3e0e.png)

In this folder are three files:

- tasklist.txt contains a plain text copy of the tasks for adding as an OBS Text source
- tasklist.html is the HTML file for OBS to display as a browser source
- tasklist.json is the data file for StreamerBot to keep track of the tasks

![Task List Files](https://extensions.streamer.bot/uploads/default/original/2X/b/bb79241bd48ef3509e6991da6c3f6d9c8ae83a48.png)

### Using Browser Source in OBS

Once added to OBS as a Browser Source, you can configure colours, fonts, scrolling speed, and size to your requirements by altering the CSS area of the browser source.

 ![OBS Browser Source](https://extensions.streamer.bot/uploads/default/original/2X/1/14c8777e4c5c2638ecc8c99a729418725a5a58ea.png)

**CSS Configuration**  
Copy and Paste this CSS code into the CSS section of the Browser Source, and adjust the CSS settings to match your style.

A HEX Colour is made from 6 characters; you can add two additional characters for transparency at the end.

- 0% (Transparrent) = 00
- 25% = 40
- 50% = 80
- 75% = BF
- 100% (Solid) = FF

```auto
:root {
  --obs-font: 'Rajdhani', sans-serif;
  --obs-text-color: #e0e8f0;
  --obs-bg-color: #0d0f1400;
  --obs-item-bg: #13161e;
  --obs-item-highlight: #00e5ff;
  --obs-item-border: #00e5ff;
  --obs-author-color: #00e5ff;
  --obs-author-font-size: 11px;
  --obs-author-font-weight: 400;
  --obs-value-font-size: 15px;
  --obs-value-font-weight: 500;
  --obs-scroll-speed: '40'; /* pixels per second, 0 = disabled */}

```

### Using GDI+ Text in OBS

Once added to OBS as a GDI+ Text source, you can configure colours, fonts, scrolling speed, and size to your requirements.

 ![Task List OBS](https://extensions.streamer.bot/uploads/default/original/2X/f/f40d705486b8fd36dafcb44f48fbf53c0f0dafb4.png)

## Contributors

> PeterTTX [Twitch](https://twitch.tv/PeterTTX)  
> Discord [The Smudgits](https://discord.com/invite/AmYr4X9)