Avalonia UX/UI Principles — Nexus Agent Desktop

Provide UX/UI standards for the Nexus Agent Desktop Avalonia application.

Updated Mar 4, 2026
One-click install
npx skills add https://github.com/diazvaldiviav/Nexus-agent --skill avalonia-ux-ui-principles-nexus-agent-desktop
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Avalonia UX/UI Principles — Nexus Agent Desktop
Source: https://github.com/diazvaldiviav/Nexus-agent/tree/main/.claude/skills/avalonia-ux-principles
Command: npx skills add https://github.com/diazvaldiviav/Nexus-agent --skill avalonia-ux-ui-principles-nexus-agent-desktop

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses inconsistencies and potential usability issues in the Nexus Agent Desktop application's Avalonia UI by providing a clear set of UX/UI principles and standards.

Core Features & Use Cases

  • Standardized Layouts: Ensures consistent spacing, alignment, and typography across all views.
  • Color Palette: Defines specific colors for different entity types in the memory graph for clear visualization.
  • Interaction Guidelines: Outlines best practices for processing states, user feedback, and interaction design.
  • Use Case: A developer can use this Skill to ensure that new UI components or views they implement for the Nexus Agent Desktop app adhere to the established design language, leading to a more cohesive and professional user experience.

Quick Start

Review the Avalonia UX/UI principles to ensure the chat panel design follows the guidelines for user vs. agent message distinction and processing state indication.

Frequently Asked Questions about Avalonia UX/UI Principles — Nexus Agent Desktop

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

FAQPage Schema
How do I standardize Avalonia UI layouts for a desktop app?

To standardize Avalonia UI layouts for a desktop app, apply mandatory UX/UI principles that enforce consistent spacing, alignment, and visual hierarchy across all application views for a cohesive interface.

What color palette should I use for memory graph nodes in Avalonia?

Use a predefined color palette assigning specific colors to different entity types in the memory graph, ensuring clear visual hierarchy and distinction within the desktop application's graph views.

How do I design processing states and user feedback in an Avalonia desktop app?

Follow interaction design guidelines that outline best practices for indicating processing states and distinguishing user versus agent messages in chat panels within the Avalonia desktop app.

What are the accessibility guidelines for Avalonia desktop applications?

Accessibility guidelines for Avalonia desktop applications mandate specific UX/UI standards for interaction design and visual hierarchy, ensuring user-friendly interface development and accessible experiences for all users.