skills.rest
dotdevdotdev
dotdevdotdevCOMMUNITY
Explore all skills by this author →
𝕏@Dotdev_devGitHub

agentwire-desktop-ui

Define repeatable desktop portal UI patterns for sidebars, session windows, and artifact windows.

19|6|Updated Dec 31, 2025
Search Tags:#tmux#desktop#sidebar#ux-patterns#ui-documentation#portal-ui
One-click install
npx skills add https://github.com/dotdevdotdev/agentwire-dev --skill agentwire-desktop-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agentwire-desktop-ui
Source: https://github.com/dotdevdotdev/agentwire-dev/tree/main/.claude/skills/agentwire-desktop-ui
Command: npx skills add https://github.com/dotdevdotdev/agentwire-dev --skill agentwire-desktop-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Portal UI patterns standardize the desktop portal interface, ensuring consistent behavior across sessions and devices and simplifying developer collaboration.

Core Features & Use Cases

  • Left Sidebar patterns: click-toggle tab handle with session grouping into Sessions, Socials, and Services
  • Session Windows: Monitor (pre) and Terminal (xterm.js) modes with safe isolation and artifact windows
  • Artifact Windows: sandboxed iframes served from ~/.agentwire/artifacts/
  • Use Case: A team edits portal static files to adjust layout, navigation, or session grouping without rewriting components

Quick Start

Edit the portal UI static files (static/js/sidebar/*, desktop.js, desktop.css) to implement or refine the UI patterns.

Frequently Asked Questions about agentwire-desktop-ui

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

FAQPage Schema
How do I standardize portal desktop UI layouts across multiple sessions and devices?▼

Portal desktop UI layouts are standardized by applying repeatable patterns for left sidebars, session windows, and artifact windows. Teams edit static files to enforce predictable layout behavior without rewriting core components.

What is the best way to group desktop portal sessions into distinct navigation categories?▼

Desktop portal sessions are grouped using left sidebar click-toggle tab handle patterns. This approach organizes sessions into categories like Sessions, Socials, and Services, simplifying developer navigation and collaboration.

How do I implement sandboxed artifact windows for a portal user interface?▼

Sandboxed artifact windows are implemented using iframes served from the local artifacts directory. This isolates content securely while maintaining consistent display behavior within the portal desktop environment.

Does the portal desktop UI pattern support both terminal and monitor session modes?▼

The portal desktop UI pattern supports both Monitor and Terminal session modes. Terminal mode utilizes xterm.js, while Monitor mode provides safe isolation, ensuring secure and predictable session window behavior.

How do I modify portal static files to adjust sidebar navigation without breaking component logic?▼

You modify portal static files like desktop.js and sidebar scripts to adjust navigation. This approach defines clear boundaries for resources and assets, allowing layout changes without breaking underlying component logic.

Can I use frontmatter-driven metadata to organize modular portal UI resources?▼

Yes, frontmatter-driven metadata is used to organize modular portal UI resources. This structure ensures clear boundaries for scripts, references, and assets, achieving predictable layout behavior across sessions.

Related Skills

Explore More Design & Creative Skills→
applewaveapplewave
1

starter

Initialize beginner-friendly static website projects with HTML/CSS/JS or Next.js App Router templates.

Community
Basic
saajunaidsaajunaid

ui-review

Automate UI reviews for accessibility, branding, and design consistency.

Community
Advanced
scalekit-incscalekit-inc

implementing-admin-portal

Automate Scalekit admin portal setup with SSO and SCIM integration.

Official
Advanced
hb9397hb9397

design-prototype-docs

Generate structured UI mockup design documents from RFP/SFR requirements.

Community
Advanced