skills.rest
unclehowell
unclehowellCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

datro-webgui

Configure the datro web GUI with login gate and iframe dashboards.

Updated Sep 1, 2021
Search Tags:#authentication#dashboard#nginx#app-store#web-ui#iframe
One-click install
npx skills add https://github.com/unclehowell/unclehowell --skill datro-webgui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: datro-webgui
Source: https://github.com/unclehowell/unclehowell/tree/main/skills/datro-webgui
Command: npx skills add https://github.com/unclehowell/unclehowell --skill datro-webgui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Simplifies the configuration and ongoing maintenance of the Finance Cheque UK web GUI by centralizing a login gate, iframe-based dashboards, and modular app integrations behind a secure gateway.

Core Features & Use Cases

  • Login gate with a passphrase to unlock the UI and initialize mic permissions for the avatar.
  • Split dashboard architecture with a default two-pane layout and mode toggles to switch between horizontal, vertical, avatar-only, or AI-only views.
  • Category dashboards and an app store to enable/disable widgets inside the iframe, plus straightforward category addition by mirroring existing patterns.
  • Nginx routing and path mappings for the main UI shell, static assets, and per-category content, with straightforward extension for new iframes.

Quick Start

Open the UI URL, pass the login gate with the configured passphrase, and begin configuring the split dashboard and category apps.

Frequently Asked Questions about datro-webgui

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

FAQPage Schema
How do I configure a login gate for an iframe-based web dashboard?▼

A login gate for an iframe-based web dashboard is configured using a passphrase to unlock the UI and initialize mic permissions for avatars. This secures the gateway before the modular dashboard loads.

How do I set up nginx routing for a modular web UI shell and static assets?▼

Nginx routing for a web UI shell requires specifying path mappings for static assets and per-category content. This ensures modular components and on-demand assets load correctly behind the gated login.

Can I switch the dashboard layout between horizontal and vertical views?▼

You can switch the dashboard layout using mode toggles. The default two-pane split dashboard supports horizontal, vertical, avatar-only, or AI-only views to customize the iframe interface.

What is the best way to add new app categories to an iframe dashboard?▼

Adding new app categories to an iframe dashboard is done by mirroring existing category patterns. You can enable or disable widgets inside the iframe through the app store integration.

Does the web UI require a passphrase to initialize avatar mic permissions?▼

The web UI requires a configured passphrase at the login gate to unlock the interface. Passing this gate initializes the mic permissions required for the avatar component.

Related Skills

Explore More Software Engineering Skills→
unclehowellunclehowell

display-ad-generator

Deploy and configure the PCP BannerForge canvas ad generator on nginx web servers.

Community
Intermediate
OptimusPiOptimusPi

convert-web-app

Convert existing web applications into hybrid MCP Apps with iframe embedding.

Community
Advanced
markshd12-cloudmarkshd12-cloud

build-mcp-app

Automate creation of interactive UI components for MCP servers.

Community
Advanced
vecearvecear

nginx-config-optimizer

Generate optimized Nginx configurations for reverse proxying and load balancing.

Community
Advanced