菜单
Create a runnable WebUI example with app structure, theme wiring, Playwright tests, demo metadata, and demo-shell registration.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/microsoft/webui --skill create-example命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Bump WebUI to an input release version, run the full gate, and prepare a release PR with bucketed changes since the previous v-prefixed tag.
Authoritative WebUI framework reference for generating correct application code - template-first authoring rules, template syntax, styling, interactivity, routing, state JSON, and anti-patterns.
Speed and memory performance rules for Rust crates, the Node addon, webui-framework, and webui-router.
基于 SOC 职业分类
正在显示 SKILL.md
| name | create-example |
| description | Create a runnable WebUI example with app structure, theme wiring, Playwright tests, demo metadata, and demo-shell registration. |
src/, data/state.json when SSR state is needed, package.json, tsconfig.json, and a concise demo.toml.@microsoft/webui-examples-theme, pass --theme=@microsoft/webui-examples-theme, and inject /*{{{tokens.light}}}*/ plus /*{{{tokens.dark}}}*/ in the entry template.package.json scripts consistent: build, start:client, start:server, start, test, and test:update-snapshots when Playwright applies.tests/ and a playwright.config.ts using the app's fixed dev port. Prefer behavior tests over screenshots unless the UI is the point.xtask/src/e2e.rs when it has Playwright tests. Use pre_script: Some("build") for custom build pipelines that the generic esbuild step cannot reproduce.demo.toml, copy the app into examples/demo/Dockerfile, and list it in examples/README.md.cargo xtask check.