Run any Skill in Manus with one click

html-css-to-avalonia

Stars82

Forks11

UpdatedMarch 27, 2026 at 10:20

Port HTML or CSS mental models, layouts, controls, theming, and modern web UI patterns to Avalonia. Use for website-to-desktop translation, CSS-to-Avalonia styling work, responsive layout conversion, custom-element or Shadow DOM mapping, or web-style design-system migration into Avalonia.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

wieslawsoltes

wieslawsoltes/development-plugin-for-avalonia

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

File Explorer

2 files

SKILL.md

readonly

More from this repository

same repository

development-plugin-for-avalonia

wieslawsoltes/development-plugin-for-avalonia

Umbrella skill for building, reviewing, designing, porting, and migrating Avalonia applications with modern XAML/C# patterns on Avalonia 11.3.12. Use when the request is broad Avalonia work or when another specialist skill has not yet been selected; route quickly to focused skills for startup, bindings, styling, controls, layout, rendering, testing, design systems, or HTML/WinForms/WPF/WinUI/Avalonia 12 migration work.

2026-03-2782

development-plugin-for-avalonia

wieslawsoltes/development-plugin-for-avalonia

Repo-local umbrella skill for building, reviewing, designing, porting, and migrating Avalonia applications with modern XAML/C# patterns on Avalonia 11.3.12. Use when working inside this repository and the request is broad Avalonia work; route quickly to the focused plugin skills for startup, bindings, styling, controls, layout, rendering, testing, design systems, or HTML/WinForms/WPF/WinUI/Avalonia 12 migration work.

2026-03-2782

avalonia-12-migration

wieslawsoltes/development-plugin-for-avalonia

Plan and execute migration from Avalonia 11.3.12 to Avalonia 12 using the repository's dedicated migration lane. Use for breaking-change review, source-backed API delta lookup, migration sequencing, and upgrades that should stay grounded in the current published Avalonia 12 documentation and generated artifacts.

2026-03-2782

avalonia-accessibility-and-validation

wieslawsoltes/development-plugin-for-avalonia

Design or review Avalonia validation, data-error presentation, accessibility semantics, automation properties, focus order, and testable UI metadata. Use for validation pipelines, screen-reader support, keyboard-only UX, automation-tree issues, or accessibility hardening.

2026-03-2782

avalonia-bindings-and-xaml

wieslawsoltes/development-plugin-for-avalonia

Implement or troubleshoot Avalonia compiled bindings, runtime XAML loading, converters, markup extensions, binding notifications, dynamic resources, and AOT-safe XAML patterns. Use for `x:DataType`, `CompiledBinding`, converter wiring, `AvaloniaRuntimeXamlLoader`, resource lookup issues, or runtime markup refactors.

2026-03-2782

avalonia-bootstrap-and-lifetime

wieslawsoltes/development-plugin-for-avalonia

Design or troubleshoot Avalonia startup wiring, `AppBuilder` configuration, application lifetimes, platform bootstrap, XAML compiler setup, and AOT-friendly build configuration. Use for desktop or single-view startup, `App.axaml` / `App.xaml.cs` composition, platform entrypoints, trimming or NativeAOT readiness, or startup refactors.

2026-03-2782

name	html-css-to-avalonia
description	Port HTML or CSS mental models, layouts, controls, theming, and modern web UI patterns to Avalonia. Use for website-to-desktop translation, CSS-to-Avalonia styling work, responsive layout conversion, custom-element or Shadow DOM mapping, or web-style design-system migration into Avalonia.

HTML/CSS to Avalonia

Start with:

../../references/62-html-css-to-avalonia-modern-ui-conversion-index.md
../../references/html-to-avalonia/README.md

Use the detailed lane docs only for the parts the request actually touches:

layout, responsive sizing, and positioning
cascade, selectors, tokens, and theme architecture
forms, navigation, overlays, lists, and command surfaces
advanced UI patterns such as tabs, split panes, pull-to-refresh, or custom elements

Workflow

Translate the web mental model first: layout, state, semantics, and styling architecture.
Map CSS constructs to Avalonia resources, selectors, templates, and control choices explicitly.
Keep responsive and input behavior intentional instead of copying browser assumptions blindly.
Validate accessibility, focus, and reduced-motion equivalents after the port.

Rules

Do not treat Avalonia like a browser with different syntax.
Convert CSS architecture, not only individual properties.
Keep HTML semantics and Avalonia control contracts aligned in the explanation.