webui-dev Skill
Build interactive WebUI apps with compiled-template hydration, template syntax, component patterns, and CLI usage. Published by microsoft in webui.
Decision snapshot
Is this a fit?
Data analysis, Design and media, Includes SKILL.md, Reusable instructions
Compatibility not yet detected.
Permission behavior not yet detected.
Copy skill directory
2 months ago · MIT license
No specific cautions were detected. Review the source and requested permissions before installing.
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. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Data analysis
- Design and media
- Data analysis use cases
- Design and media use cases
Declared skill metadata
- Source file: .github/skills/webui-dev/SKILL.md
These fields retain source and confidence evidence from the indexed SKILL.md.
Compatibility and setup
- Install or run with Copy skill directory
When to use webui-dev Skill
- Use it for data analysis.
- Use it for design and media.
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. The template is the UI. All structure lives in .html. Never document.createElement, innerHTML, insertAdjacentHTML, or appendChild. Show/hide with <if, repeat with <for. The only exception is mounting a lazily loaded component. 2. CSS owns all styling and animation. Never el.style.x =, classList.toggle, or adoptedStyleSheets. Bind ?data-active="{{expr}}" and select [data-active] in CSS. Animate with transition, @keyframes, @starting-style - never element.animate() or a JS animation library. 3. JavaScript is opt-in. A component needs no .ts file unless it has an @event, a w-ref for an imperative API, a lifecycle hook, a fetch, or a public method API. WebUIElement, @observable, and @attr are optional - add them only when TypeScript reads/writes the value or it is public API. Otherwise the value belongs in the server state JSON. 4. Use the web platform. <dialog over a div
Verified compatibility and discovery
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, data analysis workflows, design and media 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.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
