WebUI Framework - AI Reference

Single-page reference for LLMs. Everything an AI coding assistant needs to generate correct WebUI code. Read the Rules first - they are the constraints that most often get violated. Deep-dive links are indexed at the bottom.

Install this reference into your agent with npx skills add microsoft/webui --skill webui-reference - see AI Coding Agents.

Rules

These four rules decide almost every authoring question. When in doubt, re-read them before writing code.

1. The template is the UI

All UI structure lives in .html template files. There is no other way to create UI.