e3-ui

Connect East UI components to e3 workspaces for reactive data binding.

Updated Nov 10, 2025
One-click install
npx skills add https://github.com/elaraai/east-workspace --skill e3-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e3-ui
Source: https://github.com/elaraai/east-workspace/tree/main/libs/east-ui/packages/e3-ui
Command: npx skills add https://github.com/elaraai/east-workspace --skill e3-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @elaraai/e3-types, and includes scripts (resource) components.

What problem does it solve?

This Skill bridges the gap between complex e3 dataflow logic and interactive user interfaces, allowing developers to build reactive decision surfaces that are as robust as the underlying business model.

Core Features & Use Cases

  • Reactive UI Tasks: Author decision surfaces as first-class e3 tasks that automatically track data dependencies.
  • Staged Decision Loops: Implement review-before-commit workflows with built-in support for diffing, staging, and journalizing decisions.
  • Use Case: Create a dynamic dashboard for workforce planning where operators can adjust roster constraints, preview the impact of changes via causal experiments, and commit final decisions with a full audit trail.

Quick Start

Use the e3-ui skill to initialize a new reactive dashboard task bound to your workspace dataset.

Frequently Asked Questions about e3-ui

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

FAQPage Schema
How do I build reactive decision surfaces with staged edits and causal experiments?

Reactive UI tasks function as e3 tasks that automatically track data dependencies and connect to workspaces, ensuring type-safe dataflow is maintained throughout the decision surface authoring process via manifest-driven UI updates.

How do I implement a review-before-commit workflow for interactive decision-making tools?

Implement review-before-commit workflows using built-in diffing, staging, and journalizing features for staged decision loops, allowing operators to preview impacts and commit final decisions with a full audit trail.

Do I need e3-types and east-ui to maintain type-safe dataflow in my dashboard?

Yes, integrating with e3-types and east-ui is required to maintain type-safe dataflow and enable manifest-driven UI updates when connecting East language UI components to e3 execution engine workspaces.

Can I use TypeScript to author decision surfaces for workforce planning dashboards?

Yes, TypeScript is supported for authoring reactive, type-safe decision surfaces. You can create dynamic dashboards for workforce planning where operators adjust constraints, preview impacts, and commit decisions with audit trails.

What's the best way to bind UI components to e3 workspaces for reactive data updates?

The best way to bind UI components to e3 workspaces is by authoring them as reactive UI tasks that automatically track data dependencies, ensuring manifest-driven UI updates and type-safe dataflow.

When should I not use reactive decision surfaces for my data binding workflow?

Reactive decision surfaces may not be suitable if your workflow does not require staged edits, causal experimentation, or graph-based ontology editing, as the architecture is specifically designed for complex e3 dataflow logic and interactive decision-making.