skills.rest
forgefabrik
forgefabrikCOMMUNITY
Explore all skills by this author →
GitHub

forgefabrik-webui

Redesign ForgeFabrik dashboards into tabbed control grids with hash-router navigation.

Updated Jun 5, 2026
Search Tags:#dashboard#ui design#webui#voice narration#agent os#forgefabrik#tabbed navigation
One-click install
npx skills add https://github.com/forgefabrik/agent-bigbrother --skill forgefabrik-webui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: forgefabrik-webui
Source: https://github.com/forgefabrik/agent-bigbrother/tree/main/.agents/skills/forgefabrik-webui
Command: npx skills add https://github.com/forgefabrik/agent-bigbrother --skill forgefabrik-webui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill replaces an overloaded single-page ForgeFabrik dashboard with a readable, persistent tabbed control grid so operators can inspect system state without cognitive overload.

Core Features & Use Cases

  • Tabbed Navigation: Organize the live OS into ten focused views with a sticky header, tab bar, and footer.
  • Projection-Driven UI: Render agents, ForgeTower, tasks, skills, plugins, sandbox activity, events, mailbox threads, and trust status from runtime projections.
  • Polished Operator Experience: Use the cyberbroadsheet aesthetic, pixel-agent avatars, speech-bubble conversations, voice narration, keyboard shortcuts, and hash-based tab routing for a responsive control surface.
  • Use Case: Redesign the ForgeFabrik webui when the existing layout feels too dense, or build a similar multi-subsystem dashboard that needs clear navigation and per-tab presentation.

Quick Start

Use this skill to redesign the ForgeFabrik dashboard into a tabbed control grid with persistent navigation, projection-based panels, and a voice-enabled footer.

Frequently Asked Questions about forgefabrik-webui

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

FAQPage Schema
How do I reduce dashboard overload in a multi-panel operator interface?▼

Reduce dashboard overload by redesigning the interface into a tabbed control grid with persistent navigation. This organizes dense multi-panel views into focused tabs, allowing operators to inspect system state without cognitive overload.

How do I build a single-page app dashboard with hash-router navigation and tabbed views?▼

Build a single-page app dashboard by defining persistent hash-router navigation and tab-specific renderers. This creates a sticky header and tab bar that route users to focused views, improving navigation across subsystem dashboards.

Does this tabbed webui approach work for multi-subsystem dashboards with voice narration?▼

Yes, this tabbed webui approach suits multi-subsystem dashboards by integrating voice narration, keyboard shortcuts, and a footer. It applies to operator interfaces needing clear navigation and per-tab presentation for complex systems.

What is the best way to organize a live OS dashboard into focused views?▼

The best way to organize a live OS dashboard is splitting it into ten focused views with a sticky header, tab bar, and footer. This structure replaces visual overload with a readable control grid for operator inspection.

When should I not use a tabbed control grid for my operator interface?▼

Avoid a tabbed control grid when your operator interface requires simultaneous observation of all panels without navigation. If real-time cross-panel monitoring is critical, tabs may hinder visibility compared to a dense single-view layout.

Related Skills

Explore More Software Engineering Skills→
erikshafererikshafer

marten-projections

Design and register Marten projections in CritterCab with lifecycle management.

Community
Advanced
harshav167harshav167

swiftui-navigation

Route SwiftUI navigation with per-tab stacks and a central router.

Community
Advanced
xkl2013xkl2013

hotkey

Manage keyboard shortcut configuration and enumeration within LobeHub.

Community
Intermediate
CharlesWiltgenCharlesWiltgen
1.1k

swiftui-nav-ref

Reference SwiftUI navigation APIs across iOS 16-26 versions.

Community
Advanced