It is recommended that you download the developer rig that Twitch provides which allows you to run and test your extension on a localhost such that when you load your profile page from you can see your extension loaded in. This is all loaded into an iframe with some restrictions and you can choose to make use of the Extension Backend Service (EBS) which is essentially a NodeJS instance that sends notifications via PubSub.

To start with, a panel extension is basically a website comprising of HTML, CSS, and JavaScript. Suffice to say, the process was a lot more difficult than I initially anticipated! That said, if you have any specific queries, do feel free to get in touch and I’ll try and help as best I can.

This post isn’t going to be a complete tutorial on how to build an extension as I didn’t expect it would be that complex and so didn’t write down the instructions on how to get everything working as I was going along. I also added the ability to provide a URL for a website such as, , or which is then screen-scraped to provide the information automatically. Thus the “ Currently Drinking” extension was born which allows users to add a name, type, location, price, ABV%, description, notes, and an image about the drink they are currently enjoying. I was spending some time adding the type of wine I was drinking on each stream in a text-based panel and decided it would be more efficient to build a simple panel extension to display this information in a more customised format. For those that aren’t aware, your Twitch profile can be customised with a number of text or image based panels along with a relatively new “extension” panel which is essentially an iframe. I look at it as if you were walking into a room full of people and they were bullying somebody, talking about how their party is better or giving away spoilers to the newest Marvel or Star Wars film… you wouldn’t want to be there and you would leave.A couple of months ago I started streaming some of the many video games I play on Twitch.

Use the language(s) spoken by the broadcaster (so they can reply to what you are saying and other people in chat can understand the conversation).

Don’t argue with people over chat - especially the moderators.

No ethnic, sexual, religious, disability, agist or transphobic slurs.

No bullying, sexism, racism, homophobia or other hate-based chat.

Other chat rules you may want to consider include: In Twitch’s own rules for their channel, they write: That’s completely up to you, but let’s look at what others put down. This is also displayed prominently to first-time viewers who have to agree to the rules you have set, before writing their first message in your chat.īut what do you put as your own chat rules? This allows you to customise the displayed rules that you want all your viewers to adhere to. You can find your channel Chat Rules within your ‘Settings’ > ‘Channel & Videos’.

How to add panels on twitch