Harness UI

ChatGPT shows text.
Claude shows artifacts.
harness-ui shows interactive deliverables.

29 components designed for agentic workflows. Prop schemas. Action schemas. Bidirectional control.

Generative UI Protocol v1.0
Bidirectional Control
Multi-platform Support

shadcn / Base UI

  • Props only
  • No action schemas
  • No agent integration

harness-ui

  • Props + Action Schemas
  • Bidirectional control
  • Agent-ready registry

"Building for agents requires more than just components. It requires a protocol for communication."

Featured

Monthly Revenue

Jan
42000
Feb
48500
Mar
51200
Apr
49800
May
58400
Jun
67200

Chart Card

data display

Graphical data visualization for complex datasets.

Monthly Recurring Revenue
$847,200+18.2%
Updated 2 hours ago

Metric Card

output

Visual display for key performance indicators and trends.

All Components

Recent Orders

Order
Customer
Amount
Status
#3241Acme Industries$234,000.00Delivered
#3240TechCorp Ltd$89,050.00Shipped
#3239GlobalTech Inc$412,000.00Processing
#3238Startup Labs$165,000.00Delivered

Table Card

data display

Tabular data presentation with sorting and filtering.

A
Alex Rivera414d ago
Q1 Planning Doc - Ready for Review3

Hey team, I've finished the Q1 planning document with our OKRs and key initiatives. Would love your feedback before we present to leadership...

Email Card

output

Structured preview for email messages and threads.

Deployment Pipeline

2 / 4
Build
Test
Deploy
Verify
Deploying to production...
~3 minutes remaining

Task Progress

data display

Linear or circular progress indicators for multi-step tasks.

Sarah Chen

Sarah Chen

Linear
VP of Engineering
sarah.chen@linear.app
+1 (415) 555-0142
San Francisco, CA
EngineeringLeadership

Contact Card

domain

Professional and personal contact information display.

$2,499.00
succeededJan 3, 2025
AWS Infrastructure - January
Acme Corpbilling@acme.com

Transaction Card

domain

Financial record display for payments and receipts.

Board Meeting - Q4 Review

Wed, Jan 15
6:00 AM - 8:00 AM2hConference Room A
JW
DP
MS
Join

Event Card

domain

Calendar events with time, location, and attendee info.

Product Screenshots

Dashboard
Dashboard
Analytics
Analytics
Reports
Reports

3 items

Media Gallery

data display

Grid layout for images, videos, and multi-media sets.

Stripe API Reference
Stripe

Stripe API Reference

Complete reference documentation for the Stripe API. Includes code snippets and examples for every endpoint.

Link Card

data display

Rich preview for external resources and bookmarks.

Overall Progress847 / 1000
Outbound320 / 400
Inbound280 / 300
Referrals247 / 300

Progress Card

output

Status visualization for ongoing tasks and goals.

Building AI Agents with LangChain

Learn how to build autonomous AI agents using LangChain's agent framework. This lesson covers ReAct prompting, tool integration, and memory systems.
AI Development45 min

Learning Card

output

Educational content display with progress tracking.

Mediterranean Chicken Bowl

A healthy and filling bowl with grilled chicken, quinoa, cucumber, tomatoes, and tzatziki sauce.
520 kcalP 42gC 38gF 22g
25 mineasy
High ProteinMeal Prep

Meal Card

output

Nutritional and recipe data display with visual assets.

Product Roadmap Review

1/5/202545 min

Q1 Priorities

Aligned on shipping the new editor by Feb 15 and launching enterprise tier in March. Engineering bandwidth is tight - agreed to defer mobile app to Q2.

Pricing Discussion

Enterprise pricing set at $299/seat/month. Includes SSO, audit logs, and priority support.

Action Items

  • -
    Finalize editor feature scope(Sarah)by 2025-01-08
  • -
    Draft enterprise sales deck(Mike)by 2025-01-12

Meeting Summary

output

AI-generated summary of meeting highlights and actions.

Live Transcript
Not recording

Meeting Notepad

output

Collaborative note-taking interface for meetings.

Create Support Ticket

Brief description of the issue

Provide details about the issue

Input Form

input

Dynamic form generation for capturing structured data.

Calendar Access Required

This agent needs to view and modify your calendar to help schedule meetings and avoid conflicts.

Ask Permission

input

Interactive card for requesting user authorization.

Implementation Plan

I've analyzed the codebase and created a plan for implementing the new feature. Should I proceed with this approach?

Prompt Card

input

AI-focused input card for natural language interactions.

Upload Documents

Drag and drop files or click to browse. Supports PDF, Word, and Excel files.

Drag files or click to upload

.pdf, .docx, .xlsx - Max 25MB

File Input

input

Specialized input for uploading and processing files.

email_draft
team@company.com
Q1 Roadmap Update
Hi Team, Following up on our discussion about the Q1 roadmap. I've attached the updated timeline. Best, Alex

Editable Preview

input

View component with built-in inline editing capabilities.

Connected Apps

Drag and drop your app here

Accepts .app, .exe files

App Drop

legacy

Legacy application launcher and drop zone.

Select Avatar

Drag photos or click to upload

0 / 5 photos selected

Photo Selector

legacy

Interactive image selection and basic editing tool.

Generated Headshots

Headshot - professional
professional
Headshot - casual
casual
Headshot - creative
creative

1 selected

Headshot Gallery

legacy

Grid view specialized for profile and portrait images.

Generating headshots
/
Please wait...

Generation Progress

legacy

Visual feedback for long-running generative AI tasks.

Analyzing Q1 revenue62%

Agent Status

output

Visual indicator for agent states like thinking, working, or complete.

Inbox Highlights

J
Jordan LeeImportant413d ago
Security review: OAuth scopes update2

We need to align on the updated scopes before the rollout on Friday. Here's the diff and a quick summary...

P
Priya NatarajanFYI413d ago
New onboarding mockups ready

Sharing the updated onboarding flow with the new permission modal states. Let me know if you'd like a walkthrough.

S
Stripe BillingArchive414d ago
Invoice available: January 2025

Your January invoice is ready. Total due is $3,284.00 and the payment method ending in 4242 will be charged.

Email List

data display

List view for multiple email messages with quick scanning.

Today's Focus

1 / 4
Finalize onboarding permission copy!

Tighten language for Gmail + Calendar scopes

NotionTue 9:30 AM
Review agent status animations

Check easing and progress states in dark theme

LinearTue 7:00 AM
Summarize email threads from sales

Pull action items for the Q1 pipeline review

EmailTue 10:15 AM

Prioritized Todo List

data display

Focused list of tasks sorted by priority and source.

Compiling the customer feedback highlights and preparing the rollout summary.

Streaming Text

output

Animated text display for live agent output.

Live updates appear here as the agent refines the response.

Streaming Container

output

Smoothly animates incremental updates to nested content.