User manual

How to use Threlmark

The app's on-screen labels are in English. In the translated manuals, each control is given in your language with the exact on-screen label in parentheses, e.g. auswÀhlen (Select), so you can always find the button.

Threlmark is a local-first hub for all your projects and their roadmaps. Each project gets a ranked, kanban-style board; everything is stored as plain JSON files on your own computer. This manual walks through every part of the tool and how to set it up.

1. Getting started

Threlmark runs on your own machine. Start it from the project folder:

npm install
npm run dev      # then open http://localhost:3000

The first screen is the Portfolio. It's empty until you create a project. All your data lives in a folder called ~/.threlmark in your home directory.

2. Projects

A project is one app or product with its own roadmap. Use the left sidebar to switch between projects or create one.

3. The roadmap board

Each project has four lanes:

Ideas Ranked Development Done

Move a card between lanes by dragging it, or with the buttons on the card (Push, Rank, Done, Reopen). The lane a card is in is its status.

Scoring & priority

Every card is scored 1–5 on four axes — Impact, Evidence, Fit, Effort — using the sliders on the card. Threlmark computes a single priority:

priority = max(0, round(impact·3 + evidence·2 + fit·2 − effort·1.5))

Higher impact/evidence/fit raise priority; higher effort lowers it. The number in the dark badge on each card is its priority.

4. Adding & editing items

Use the Add item form in the right panel: title, category, description, likely files, and the four score sliders. New items land in Ideas. Click any card's Edit button to change its full details, move it to another project, or turn it into a shared item.

5. Toolbar

6. Selecting cards & the handoff brief

Click Select on cards to add them to the Development brief in the right panel (anything in Development is included automatically). Switch between Queue, Markdown and JSON tabs. The Markdown brief is a file-scoped prompt for Claude or Codex, complete with acceptance checkboxes and verification commands — copy or download it from the Handoff tab.

7. Inbox & suggestions

Other tools can suggest roadmap items by dropping a small JSON file into a project's suggestions/ folder. They appear in the project's Inbox. There you can:

8. Working across projects

9. Importing an existing roadmap

Open Import, pick a target project, and either paste a roadmap.html file's contents or give its path. Threlmark reads the cards and recreates them, keeping their scores. Re-importing the same file updates items instead of duplicating them.

10. Your data

Everything is plain JSON under ~/.threlmark — no cloud, no account, nothing leaves your machine. Back it up or sync it however you like. You can point Threlmark at a different folder with the THRELMARK_DATA_DIR environment variable.

11. Setup & self-hosting

Run it locally (recommended)

git clone <your-threlmark-repo>
cd Threlmark
npm install
npm run dev            # http://localhost:3000
# custom data folder:
THRELMARK_DATA_DIR=~/Dropbox/threlmark npm run dev

Host it for yourself (online, single user)

Threlmark needs a Node.js server (its API reads and writes files at request time), so ordinary shared hosting won't run it. To use it from anywhere:

  1. Deploy on a small Node host (a VPS, or a service like Fly.io) and build with npm run build && npm start.
  2. Set THRELMARK_DATA_DIR to a persistent, backed-up folder.
  3. Put it behind a password (e.g. HTTP Basic auth on a reverse proxy) — Threlmark has no built-in login and stores one shared roadmap set.
A public, multi-user "sign-up" version would need accounts and per-user data separation — that's a separate project, not just a deployment.

12. Flow: WIP limits, metrics & agent throughput

Threlmark is more than a status board — it manages flow.

WIP limits & policies

Open Workflow settings (the ⚙ button in the toolbar) to set a WIP limit per lane and a short policy describing what each lane means. A lane over its limit shows its count in red (e.g. 3 / 2) — your cue to finish work before starting more.

The Flow tab

The Flow tab shows throughput (items finished per week), cycle time (Development → Done), and aging work (oldest first; stale items flagged). Cards also carry a time-in-lane badge (⏱ 4w) and turn red when they go stale.

Agent flow

On the Handoff tab, pick an agent and choose Generate & mark handed off. Threlmark stamps the items and tracks brief → shipped time, agent throughput (handed-off items finished per week), and stalled briefs (handed off but not Done after 7 days). The home page shows a portfolio-wide flow strip.

Threlmark ist eine local-first-Zentrale fĂŒr all deine Projekte und ihre Roadmaps. Jedes Projekt erhĂ€lt ein bewertetes Kanban-Board; alles wird als einfache JSON-Dateien auf deinem eigenen Rechner gespeichert. Dieses Handbuch erklĂ€rt jeden Teil des Tools und wie du es einrichtest.

Hinweis: Die Beschriftungen in der App sind auf Englisch. Im Text steht die deutsche Bezeichnung, dahinter in Klammern die echte Aufschrift auf dem Bildschirm, z. B. auswÀhlen (Select).

1. Erste Schritte

Threlmark lÀuft auf deinem eigenen Rechner. Starte es im Projektordner:

npm install
npm run dev      # dann http://localhost:3000 öffnen

Der erste Bildschirm ist das Portfolio. Es ist leer, bis du ein Projekt anlegst. Alle Daten liegen im Ordner ~/.threlmark in deinem Benutzerverzeichnis.

2. Projekte

Ein Projekt ist eine App oder ein Produkt mit eigener Roadmap. Über die linke Seitenleiste wechselst du Projekte oder legst neue an.

3. Das Roadmap-Board

Jedes Projekt hat vier Spalten — auf dem Bildschirm englisch beschriftet:

Ideen (Ideas) Bewertet (Ranked) Entwicklung (Development) Erledigt (Done)

Verschiebe eine Karte per Drag & Drop oder ĂŒber die Buttons auf der Karte: verschieben (Push), bewerten (Rank), erledigt (Done), wieder öffnen (Reopen). Die Spalte einer Karte ist ihr Status.

Bewertung & PrioritÀt

Jede Karte wird mit den Reglern auf vier Achsen von 1–5 bewertet — Wirkung (Impact), Belege (Evidence), Passung (Fit), Aufwand (Effort). Threlmark berechnet daraus eine PrioritĂ€t:

priority = max(0, round(impact·3 + evidence·2 + fit·2 − effort·1.5))

Höhere Wirkung/Belege/Passung erhöhen die PrioritÀt; mehr Aufwand senkt sie. Die Zahl im dunklen Feld auf jeder Karte ist die PrioritÀt.

4. EintrĂ€ge hinzufĂŒgen & bearbeiten

Nutze das Formular Eintrag hinzufĂŒgen (Add item) im rechten Bereich: Titel, Kategorie, Beschreibung, wahrscheinliche Dateien und die vier Regler. Neue EintrĂ€ge landen in Ideen (Ideas). Über bearbeiten (Edit) auf einer Karte Ă€nderst du alle Details, verschiebst sie in ein anderes Projekt oder machst sie zu einem geteilten Eintrag.

5. Werkzeugleiste

6. Karten auswĂ€hlen & das Übergabe-Briefing

Klicke auf auswĂ€hlen (Select), um Karten zum Entwicklungs-Briefing (Development brief) rechts hinzuzufĂŒgen (alles in Entwicklung ist automatisch dabei). Wechsle zwischen den Reitern Warteschlange (Queue), Markdown und JSON. Das Markdown-Briefing ist ein dateibezogener Prompt fĂŒr Claude oder Codex — mit Akzeptanzkriterien als Checkboxen und Verifikationsbefehlen. Im Reiter Übergabe (Handoff) kannst du es kopieren oder herunterladen.

7. Posteingang & VorschlÀge

Andere Tools können Roadmap-EintrÀge vorschlagen, indem sie eine kleine JSON-Datei in den Ordner suggestions/ eines Projekts legen. Sie erscheinen im Posteingang (Inbox) des Projekts. Dort kannst du:

8. ProjektĂŒbergreifend arbeiten

9. Bestehende Roadmap importieren

Öffne Importieren (Import), wĂ€hle ein Zielprojekt und fĂŒge entweder den Inhalt einer roadmap.html ein oder gib ihren Pfad an. Threlmark liest die Karten und legt sie mit ihren Bewertungen neu an. Ein erneuter Import derselben Datei aktualisiert die EintrĂ€ge, statt sie zu duplizieren.

10. Deine Daten

Alles ist einfaches JSON unter ~/.threlmark — keine Cloud, kein Konto, nichts verlĂ€sst deinen Rechner. Sichere oder synchronisiere den Ordner nach Belieben. Mit der Umgebungsvariable THRELMARK_DATA_DIR kannst du einen anderen Ordner festlegen.

11. Einrichtung & Self-Hosting

Lokal betreiben (empfohlen)

git clone <dein-threlmark-repo>
cd Threlmark
npm install
npm run dev            # http://localhost:3000
# eigener Datenordner:
THRELMARK_DATA_DIR=~/Dropbox/threlmark npm run dev

FĂŒr dich selbst hosten (online, ein Nutzer)

Threlmark braucht einen Node.js-Server (die API liest und schreibt Dateien zur Laufzeit), gewöhnliches Shared-Hosting reicht also nicht. Um es von ĂŒberall zu nutzen:

  1. Auf einem kleinen Node-Host (VPS oder z. B. Fly.io) bereitstellen, mit npm run build && npm start.
  2. THRELMARK_DATA_DIR auf einen dauerhaften, gesicherten Ordner setzen.
  3. Mit einem Passwort schĂŒtzen (z. B. HTTP-Basic-Auth ĂŒber einen Reverse Proxy) — Threlmark hat kein eingebautes Login und speichert einen gemeinsamen Roadmap-Satz.
Eine öffentliche Version mit Registrierung fĂŒr viele Nutzer brĂ€uchte Konten und getrennte Daten pro Nutzer — das ist ein eigenes Projekt, nicht nur ein Deployment.

12. Flow: WIP-Limits, Kennzahlen & Agent-Durchsatz

Threlmark ist mehr als ein Status-Board — es steuert den Fluss der Arbeit.

WIP-Limits & Richtlinien

Öffne die Workflow-Einstellungen (Button ⚙ in der Werkzeugleiste) und lege pro Spalte ein WIP-Limit sowie eine kurze Richtlinie fest. Eine Spalte ĂŒber ihrem Limit zeigt ihre Anzahl rot (z. B. 3 / 2) — das Signal, Begonnenes zuerst abzuschließen.

Der Flow-Reiter

Der Reiter Flow (Flow) zeigt Durchsatz (erledigte EintrĂ€ge pro Woche), Zykluszeit (Entwicklung → Erledigt) und alternde Arbeit (Ă€lteste zuerst; veraltete markiert). Karten tragen außerdem ein Alters-Badge (⏱ 4w) und werden rot, wenn sie veralten.

Agent-Fluss

WĂ€hle im Reiter Übergabe (Handoff) einen Agenten und nutze Erzeugen & als ĂŒbergeben markieren (Generate & mark handed off). Threlmark markiert die EintrĂ€ge und misst Brief → ausgeliefert, Agent-Durchsatz (ĂŒbergebene, pro Woche erledigte EintrĂ€ge) und steckengebliebene Briefings (ĂŒbergeben, aber nach 7 Tagen nicht erledigt). Die Startseite zeigt eine projektĂŒbergreifende Flow-Leiste.

Threlmark es un centro local-first para todos tus proyectos y sus hojas de ruta. Cada proyecto tiene un tablero kanban con puntuaciĂłn; todo se guarda como archivos JSON en tu propio ordenador. Este manual recorre cada parte de la herramienta y cĂłmo configurarla.

Nota: las etiquetas de la app estån en inglés. En el texto aparece el término en español y, entre paréntesis, la etiqueta real en pantalla, p. ej. seleccionar (Select).

1. Primeros pasos

Threlmark se ejecuta en tu propia mĂĄquina. InĂ­cialo desde la carpeta del proyecto:

npm install
npm run dev      # luego abre http://localhost:3000

La primera pantalla es el Portfolio. EstĂĄ vacĂ­a hasta que creas un proyecto. Todos los datos viven en la carpeta ~/.threlmark de tu directorio personal.

2. Proyectos

Un proyecto es una app o producto con su propia hoja de ruta. Usa la barra lateral izquierda para cambiar de proyecto o crear uno.

3. El tablero de la hoja de ruta

Cada proyecto tiene cuatro columnas — rotuladas en inglĂ©s en pantalla:

Ideas (Ideas) Clasificadas (Ranked) Desarrollo (Development) Hecho (Done)

Mueve una tarjeta entre columnas arrastrĂĄndola o con los botones de la tarjeta: empujar (Push), clasificar (Rank), hecho (Done), reabrir (Reopen). La columna en la que estĂĄ una tarjeta es su estado.

PuntuaciĂłn y prioridad

Cada tarjeta se puntĂșa de 1 a 5 en cuatro ejes — Impacto (Impact), Evidencia (Evidence), Encaje (Fit), Esfuerzo (Effort) — con los deslizadores. Threlmark calcula una prioridad:

priority = max(0, round(impact·3 + evidence·2 + fit·2 − effort·1.5))

MĂĄs impacto/evidencia/encaje suben la prioridad; mĂĄs esfuerzo la baja. El nĂșmero en la insignia oscura de cada tarjeta es su prioridad.

4. Añadir y editar elementos

Usa el formulario Añadir elemento (Add item) del panel derecho: título, categoría, descripción, archivos probables y los cuatro deslizadores. Los nuevos elementos van a Ideas. Pulsa editar (Edit) en cualquier tarjeta para cambiar todos sus detalles, moverla a otro proyecto o convertirla en un elemento compartido.

5. Barra de herramientas

6. Seleccionar tarjetas y el briefing de entrega

Pulsa seleccionar (Select) en las tarjetas para añadirlas al briefing de desarrollo (Development brief) del panel derecho (todo lo que estå en Desarrollo se incluye automåticamente). Cambia entre las pestañas Cola (Queue), Markdown y JSON. El briefing en Markdown es un prompt acotado a archivos para Claude o Codex, con criterios de aceptación y comandos de verificación. Cópialo o descårgalo desde la pestaña Entrega (Handoff).

7. Bandeja de entrada y sugerencias

Otras herramientas pueden sugerir elementos dejando un pequeño archivo JSON en la carpeta suggestions/ de un proyecto. Aparecen en la bandeja de entrada (Inbox) del proyecto. Allí puedes:

8. Trabajar entre proyectos

9. Importar una hoja de ruta existente

Abre Importar (Import), elige un proyecto de destino y pega el contenido de un archivo roadmap.html o indica su ruta. Threlmark lee las tarjetas y las recrea con sus puntuaciones. Reimportar el mismo archivo actualiza los elementos en vez de duplicarlos.

10. Tus datos

Todo es JSON sencillo en ~/.threlmark — sin nube, sin cuenta, nada sale de tu máquina. Haz copias o sincroniza la carpeta como prefieras. Con la variable de entorno THRELMARK_DATA_DIR puedes apuntar a otra carpeta.

11. InstalaciĂłn y autoalojamiento

Ejecutarlo en local (recomendado)

git clone <tu-repo-threlmark>
cd Threlmark
npm install
npm run dev            # http://localhost:3000
# carpeta de datos propia:
THRELMARK_DATA_DIR=~/Dropbox/threlmark npm run dev

Alojarlo para ti (en lĂ­nea, un usuario)

Threlmark necesita un servidor Node.js (su API lee y escribe archivos en tiempo de peticiĂłn), asĂ­ que el hosting compartido normal no lo ejecuta. Para usarlo desde cualquier sitio:

  1. Despliégalo en un host Node pequeño (un VPS o un servicio como Fly.io) con npm run build && npm start.
  2. Define THRELMARK_DATA_DIR en una carpeta persistente y con copia de seguridad.
  3. ProtĂ©gelo con contraseña (p. ej. autenticaciĂłn HTTP Basic en un proxy inverso) — Threlmark no tiene inicio de sesiĂłn propio y guarda un Ășnico conjunto de hojas de ruta.
Una versiĂłn pĂșblica con registro para varios usuarios necesitarĂ­a cuentas y separaciĂłn de datos por usuario — eso es un proyecto aparte, no solo un despliegue.

12. Flujo: límites WIP, métricas y rendimiento de agentes

Threlmark es más que un tablero de estado — gestiona el flujo del trabajo.

LĂ­mites WIP y polĂ­ticas

Abre los ajustes de flujo (botĂłn ⚙ de la barra) para fijar un lĂ­mite WIP por columna y una breve polĂ­tica de cada columna. Una columna por encima de su lĂ­mite muestra su recuento en rojo (p. ej. 3 / 2) — la señal para terminar antes de empezar mĂĄs.

La pestaña Flow

La pestaña Flujo (Flow) muestra rendimiento (elementos terminados por semana), tiempo de ciclo (Desarrollo → Hecho) y trabajo envejecido (mĂĄs antiguos primero; los obsoletos marcados). Las tarjetas muestran ademĂĄs una insignia de antigĂŒedad (⏱ 4w) y se vuelven rojas cuando envejecen.

Flujo de agentes

En la pestaña Entrega (Handoff) elige un agente y usa Generar y marcar como entregado (Generate & mark handed off). Threlmark marca los elementos y mide brief → entregado, rendimiento por agente (elementos entregados terminados por semana) y briefings estancados (entregados pero sin terminar tras 7 dĂ­as). La pĂĄgina de inicio muestra una franja de flujo de todo el portafolio.

Threlmark est un hub local-first pour tous vos projets et leurs feuilles de route. Chaque projet dispose d'un tableau kanban noté ; tout est stocké sous forme de fichiers JSON simples sur votre propre ordinateur. Ce manuel parcourt chaque partie de l'outil et son installation.

Remarque : les libellés de l'application sont en anglais. Dans le texte, le terme français est suivi, entre parenthÚses, du libellé réel à l'écran, p. ex. sélectionner (Select).

1. Premiers pas

Threlmark s'exécute sur votre propre machine. Lancez-le depuis le dossier du projet :

npm install
npm run dev      # puis ouvrez http://localhost:3000

Le premier écran est le Portfolio. Il est vide jusqu'à ce que vous créiez un projet. Toutes les données se trouvent dans le dossier ~/.threlmark de votre répertoire personnel.

2. Projets

Un projet est une application ou un produit avec sa propre feuille de route. Utilisez la barre latérale gauche pour changer de projet ou en créer un.

3. Le tableau de la feuille de route

Chaque projet a quatre colonnes — libellĂ©es en anglais Ă  l'Ă©cran :

Idées (Ideas) Classées (Ranked) Développement (Development) Terminé (Done)

Déplacez une carte entre les colonnes en la faisant glisser ou avec les boutons de la carte : pousser (Push), classer (Rank), terminé (Done), rouvrir (Reopen). La colonne d'une carte est son statut.

Notation & priorité

Chaque carte est notĂ©e de 1 Ă  5 sur quatre axes — Impact (Impact), Preuve (Evidence), AdĂ©quation (Fit), Effort (Effort) — Ă  l'aide des curseurs. Threlmark calcule une prioritĂ© :

priority = max(0, round(impact·3 + evidence·2 + fit·2 − effort·1.5))

Plus d'impact/preuve/adéquation augmente la priorité ; plus d'effort la diminue. Le nombre dans le badge foncé de chaque carte est sa priorité.

4. Ajouter & modifier des éléments

Utilisez le formulaire Ajouter un élément (Add item) du panneau de droite : titre, catégorie, description, fichiers probables et les quatre curseurs. Les nouveaux éléments arrivent dans Idées (Ideas). Cliquez sur modifier (Edit) d'une carte pour modifier tous ses détails, la déplacer vers un autre projet ou en faire un élément partagé.

5. Barre d'outils

6. Sélectionner des cartes & le brief de transfert

Cliquez sur sélectionner (Select) pour ajouter des cartes au brief de développement (Development brief) à droite (tout ce qui est en Développement est inclus automatiquement). Basculez entre les onglets File (Queue), Markdown et JSON. Le brief Markdown est un prompt ciblé sur des fichiers pour Claude ou Codex, avec critÚres d'acceptation et commandes de vérification. Copiez-le ou téléchargez-le depuis l'onglet Transfert (Handoff).

7. Boßte de réception & suggestions

D'autres outils peuvent suggérer des éléments en déposant un petit fichier JSON dans le dossier suggestions/ d'un projet. Ils apparaissent dans la boßte de réception (Inbox) du projet. Vous pouvez y :

8. Travailler entre projets

9. Importer une feuille de route existante

Ouvrez Importer (Import), choisissez un projet cible et collez le contenu d'un fichier roadmap.html ou indiquez son chemin. Threlmark lit les cartes et les recrĂ©e en conservant leurs notes. RĂ©importer le mĂȘme fichier met Ă  jour les Ă©lĂ©ments au lieu de les dupliquer.

10. Vos données

Tout est en JSON simple sous ~/.threlmark — pas de cloud, pas de compte, rien ne quitte votre machine. Sauvegardez ou synchronisez le dossier comme vous le souhaitez. La variable d'environnement THRELMARK_DATA_DIR permet de pointer vers un autre dossier.

11. Installation & auto-hébergement

L'exécuter en local (recommandé)

git clone <votre-dépÎt-threlmark>
cd Threlmark
npm install
npm run dev            # http://localhost:3000
# dossier de données personnalisé :
THRELMARK_DATA_DIR=~/Dropbox/threlmark npm run dev

L'héberger pour vous (en ligne, un seul utilisateur)

Threlmark nĂ©cessite un serveur Node.js (son API lit et Ă©crit des fichiers Ă  chaque requĂȘte), l'hĂ©bergement mutualisĂ© classique ne peut donc pas l'exĂ©cuter. Pour l'utiliser de partout :

  1. Déployez-le sur un petit hÎte Node (un VPS ou un service comme Fly.io) avec npm run build && npm start.
  2. Définissez THRELMARK_DATA_DIR sur un dossier persistant et sauvegardé.
  3. ProtĂ©gez-le par mot de passe (par ex. authentification HTTP Basic via un reverse proxy) — Threlmark n'a pas de connexion intĂ©grĂ©e et stocke un seul ensemble de feuilles de route.
Une version publique avec inscription pour plusieurs utilisateurs nĂ©cessiterait des comptes et une sĂ©paration des donnĂ©es par utilisateur — c'est un projet distinct, pas seulement un dĂ©ploiement.

12. Flux : limites WIP, métriques & débit des agents

Threlmark est plus qu'un tableau de statut — il gùre le flux du travail.

Limites WIP & politiques

Ouvrez les rĂ©glages de flux (bouton ⚙ de la barre d'outils) pour dĂ©finir une limite WIP par colonne et une courte politique par colonne. Une colonne au-dessus de sa limite affiche son nombre en rouge (p. ex. 3 / 2) — le signal pour terminer avant d'en commencer d'autres.

L'onglet Flow

L'onglet Flux (Flow) montre le dĂ©bit (Ă©lĂ©ments terminĂ©s par semaine), le temps de cycle (DĂ©veloppement → TerminĂ©) et le travail vieillissant (les plus anciens d'abord ; les pĂ©rimĂ©s signalĂ©s). Les cartes affichent aussi un badge d'Ăąge (⏱ 4w) et passent au rouge lorsqu'elles vieillissent.

Flux des agents

Dans l'onglet Transfert (Handoff), choisissez un agent et utilisez GĂ©nĂ©rer & marquer comme transfĂ©rĂ© (Generate & mark handed off). Threlmark marque les Ă©lĂ©ments et mesure brief → livrĂ©, le dĂ©bit par agent (Ă©lĂ©ments transfĂ©rĂ©s terminĂ©s par semaine) et les briefs bloquĂ©s (transfĂ©rĂ©s mais non terminĂ©s aprĂšs 7 jours). La page d'accueil affiche une bande de flux pour tout le portfolio.