Openbb App Builder

What it does

The OpenBB App Builder skill enables AI agents to construct complete OpenBB Workspace applications, from initial requirements gathering all the way through deployment. It handles a full pipeline including defining widgets, designing layouts, generating implementation plans, and creating application files like main.py and widgets.json. The agent can operate in different modes (Standard, Quick, Reference, Verbose) to tailor its interaction style and level of explanation.

When to use it

• You need a custom trading app built for the OpenBB Workspace.
• You have an existing Streamlit, Gradio, or React application you want to convert into an OpenBB app.
• You want to understand how OpenBB apps are constructed and receive detailed explanations during the process (Verbose mode).
• You need a quick prototype of an OpenBB app with minimal interaction (Quick mode).
• You have specific requirements for your app's data, widgets, or authentication.

Key capabilities

• Full Pipeline Automation: Handles all stages of OpenBB app creation.
• Requirements Gathering: Interactive interview or reference-based analysis of existing code.
• Widget Definition: Specification of widget types, parameters, and column definitions.
• Dashboard Layout Design: Organizes widgets into tabs using a 40-column grid system.
• Implementation Planning: Generates step-by-step build plans.
• Code Generation: Creates main.py, widgets.json and apps.json files.
• Multiple Execution Modes: Standard, Quick, Reference, and Verbose modes to adjust behavior.

Example prompts

• "Build an OpenBB app for analyzing stock options."
• "Convert this Streamlit app into an OpenBB application." (followed by the code)
• "Quick mode: build a simple portfolio tracker."

Tips & gotchas

• Group Names: When defining parameter groups for synced widgets, group names must follow the "Group 1", "Group 2" pattern. Using custom names will result in silent failures.
• Browser Validation: Testing against OpenBB Workspace (Phase 6.5) is recommended to ensure proper functionality.
• Detailed Documentation: Refer to ARCHITECTURE.md, APP-INTERVIEW.md, WIDGET-METADATA.md, DASHBOARD-LAYOUT.md and APP-PLANNER.md for in-depth information on each phase and component.