webui-dev Skill
Build interactive WebUI apps with compiled-template hydration, template syntax, component patterns, and CLI usage. Published by microsoft in webui.
What is webui-dev Skill?
Build interactive WebUI apps with compiled-template hydration, template syntax, component patterns, and CLI usage. Published by microsoft in webui. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Documentation
- Data analysis
- Documentation use cases
- Data analysis use cases
Technical details
- Install or run with Copy skill directory
When to use webui-dev Skill
- Use it for documentation.
- Use it for data analysis.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/webui
- Skill file: .github/skills/webui-dev/SKILL.md
What it does
Build interactive WebUI apps with compiled-template hydration, template syntax, component patterns, and CLI usage.
Skill instructions
WebUI App Development Use this skill when building or modifying WebUI applications. Critical rules (memorize these) 1. Every template binding must exist in the server state JSON. The server renders from JSON. Missing keys render empty. 2. HTML, CSS, TypeScript are separate files. No JSX. No CSS-in-JS. No JS in templates. 3. The <template tag is optional. The build tool auto-injects it. Include it only for root host events (@custom-event on the shadow root). 4. Components inside <for loops do NOT inherit loop variables. Pass data via attributes. 5. Expressions in bindings: comparisons and logic OK; ternaries NOT. {{count 0}}, ?active="{{section == 'guide'}}", <if condition="a && b" all work. Operators: ==, !=, <, , <=, =, &&, ||, !. Forbidden: ternary (? :), function calls, mixing && with ||, more than 5 logical operators. See docs/guide/ai.md for full rules. 6. No this.querySelector() for reactive state. Use @observable + template bindings. 7. Decorators: @attr (HTML attribute), @obser
Explore related resources
Frequently asked questions
What is webui-dev?
webui-dev is a open-source AI agent skill with Copy skill directory. Build interactive WebUI apps with compiled-template hydration, template syntax, component patterns, and CLI usage.
Who is webui-dev best for?
webui-dev is best for reusing agent instructions, scripts, and references, documentation workflows, data analysis workflows.
How do I install webui-dev?
Install or run webui-dev using Copy skill directory. Check webui-dev for the latest setup command.
Is webui-dev actively maintained?
webui-dev may need a closer maintenance check before production use.
Auto-fetched from GitHub.
