build-review-interface

Build a browser-based interface for annotating LLM traces with Pass/Fail labels.

Updated May 5, 2026
One-click install
npx skills add https://github.com/iani-kuli/harness_bro --skill build-review-interface-iani-kuli
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: build-review-interface
Source: https://github.com/iani-kuli/harness_bro/tree/main/.claude/skills/curated/evals/build-review-interface
Command: npx skills add https://github.com/iani-kuli/harness_bro --skill build-review-interface-iani-kuli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the difficulty of manually reviewing large volumes of LLM outputs by providing a structured, browser-based environment for human-in-the-loop evaluation.

Core Features & Use Cases

  • Structured Annotation: Provides a standardized UI for binary Pass/Fail labeling and qualitative feedback collection.
  • Trace Visualization: Renders complex LLM traces with syntax highlighting, collapsible sections, and clear visual hierarchy for tool calls and reasoning steps.
  • Use Case: Use this to build a custom dashboard for your team to review model performance on specific datasets, ensuring consistent evaluation criteria and efficient navigation through trace history.

Quick Start

Generate a custom annotation interface by asking the AI to build a browser-based review tool that loads traces from your local JSON file and implements the specified keyboard shortcuts.

Frequently Asked Questions about build-review-interface

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a custom interface for reviewing LLM traces?

You can create a custom interface for reviewing LLM traces by building a browser-based annotation tool using HTML, CSS, and JavaScript that renders complex model outputs and collects structured human feedback.

What is the best way to collect structured human feedback on LLM outputs?

Collecting structured human feedback on LLM outputs is best handled by a browser-based annotation interface that provides binary Pass/Fail classification controls, qualitative feedback collection, and persistent data storage.

How do I visualize complex LLM traces with tool calls and reasoning steps?

To visualize complex LLM traces, you need an interface that renders syntax highlighting, collapsible sections, and clear visual hierarchy to distinguish tool calls and reasoning steps within the model output.

Can I load LLM trace data from a local JSON file into a browser-based evaluation tool?

Yes, you can load LLM trace data from a local JSON file into a browser-based evaluation tool by implementing local file data loading within the HTML and JavaScript interface to populate the trace history.

Does this LLM evaluation interface support keyboard-driven navigation?

Yes, the LLM evaluation interface supports keyboard-driven navigation, allowing reviewers to efficiently move through trace history and apply binary classification labels without relying on manual mouse input.

Do I need prior web development experience to build an LLM trace annotation dashboard?

Building an LLM trace annotation dashboard requires implementing HTML, CSS, and JavaScript for visual rendering and persistent data storage, so a basic understanding of web development is necessary to customize the interface.