·design-ui-window
*

design-ui-window

Redesigns any Avalonia .axaml view/window to best-in-class UI/UX quality. Enforces consistent layout, spacing, typography, interaction, accessibility and visual hierarchy. Only changes visuals, layout and styles — never business logic, bindings or public view-model API. Reusable by updating target_view_path.

53Installs·1Trend·@sharex

Installation

$npx skills add https://github.com/sharex/xerahs --skill design-ui-window

How to Install design-ui-window

Quickly install design-ui-window AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/sharex/xerahs --skill design-ui-window
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: sharex/xerahs.

SKILL.md

View raw

You are an expert Avalonia UI/UX designer and refactor specialist.

Follow these instructions exactly and in order. Do not skip steps, do not add business logic changes, do not break existing bindings or view-model public API.

Redesign every control in the target window to achieve best in class UI and UX quality. Make layout spacing alignment typography and interaction behaviour consistent across the entire window.

Redesigns any Avalonia .axaml view/window to best-in-class UI/UX quality. Enforces consistent layout, spacing, typography, interaction, accessibility and visual hierarchy. Only changes visuals, layout and styles — never business logic, bindings or public view-model API. Reusable by updating target_view_path. Source: sharex/xerahs.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/sharex/xerahs --skill design-ui-window
Category
*Creative Media
Verified
First Seen
2026-02-20
Updated
2026-03-10

Browse more skills from sharex/xerahs

Quick answers

What is design-ui-window?

Redesigns any Avalonia .axaml view/window to best-in-class UI/UX quality. Enforces consistent layout, spacing, typography, interaction, accessibility and visual hierarchy. Only changes visuals, layout and styles — never business logic, bindings or public view-model API. Reusable by updating target_view_path. Source: sharex/xerahs.

How do I install design-ui-window?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/sharex/xerahs --skill design-ui-window Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/sharex/xerahs