Tutorials

Video tutorials

Short narrated videos: install tuix on any site or framework, connect Slack, Linear and AI tools, and work reports from note to verified fix.

Start here

  1. 01 1:38

    Quick start: your first report

    Create a project, add one snippet to your site, and leave the first note on a real element.

  2. 02 1:41

    The script tag: identity, signing and CSP

    What each part of the snippet does, how to sign who is reporting, and the Content Security Policy to merge.

Install by framework

  1. 03 1:28

    React and Next.js

    Install the packages, keep the signing key on the server, and render <Tuix /> from a Server Component.

  2. 04 1:12

    Ruby on Rails

    Add the tuix_rails gem, run the generator, and add two helpers to your layout.

  3. 05 1:13

    Phoenix and LiveView

    Install tuix_phoenix with Igniter, set four variables, and map your signed-in user.

  4. 06 1:24

    WordPress: the Tuix Feedback plugin

    Your team comments on the live site. Visitors and customers never see the button.

Connect your tools

  1. 07 2:54

    Slack: the tuix app in your channel

    One card per report, run from Slack: assign, set the status, triage and reply.

  2. 08 1:11

    Linear: send a report to your tracker

    Connect a Linear team once, then turn any report into a Linear issue with its screenshots and context.

  3. 11 1:58

    AI access: Claude, Claude Code and MCP

    Let an AI app read your reports, screenshots and logs, and fix them with you.

Everyday work

  1. 09 1:37

    Working the inbox

    Triage reports, take one, move it through its statuses and answer the reporter where they left the note.

  2. 10 1:32

    Fix, deploy, verify

    Record a fix locally, report the deploy from CI, and let the reporter confirm it works.

  3. 12 1:17

    Your team, roles and email updates

    Invite teammates, turn reporters into users, and choose how often tuix emails you.