Frontend Design

Design repository web pages when visual web work is requested. Use design-ui-window for Avalonia UI.

sharex 8b55b69 703 B Updated

File contents

Web design

Follow the target web project's existing stack, components, and visual conventions. For a new design, choose typography, spacing, color, and motion that serve the user's audience and purpose.

Implement the requested interactions, responsive layout, keyboard behavior, and loading/error states. Verify the rendered result at relevant viewport sizes. Add visual effects only when they improve the requested experience.

For Avalonia pages and dialogs, use design-ui-window.

sharex/xerahs/tree/main/.ai/skills/frontend-design commit 8b55b69a01

Frequently asked questions

npx skillmds@latest add sharex/frontend-design