用户在 PC 开发 WebUI、需要 Dev 预设、健康检查、或交接上车测试前预检时启用。
Scanned 9/12/2026
Install to Claude Code
npx -y skills add mouxangithub/ai --skill webui-development --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Webui Development?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/mouxangithub-webui-development)More formats (shields.io, HTML) on the badges page.
# WebUI PC 开发与交接
## 何时使用
用户在 PC 开发 WebUI、需要 Dev 预设、健康检查、或交接上车测试前预检时启用。
## 步骤
1. `get_host_environment` — 确认 PC / 车机 / 无屏
2. `webui_package_info` — VERSION、`?v=78`
3. `webui_headless_status` — 无屏时确认 `effective_headless`
4. `webui_service_status` — :5080 是否监听
5. `webui_health_check(cache_bust=78)` — API 是否正常
6. `webui_list_dev_presets` — 可用 Dev 预设列表
7. PC only:`webui_apply_dev_preset(preset=onroad_overlay)` 等
8. `webui_onboarding_status` — 条款/训练是否完成
9. `webui_qa_checklist(scope=pc)` — PC 可测 v78 抛光项
10. 上车前指向 `webui-vehicle-qa` 与 `OP_ASSISTANT_HANDOFF.md`
无屏车机:见技能 `headless-webui` 与 `ai/docs/HEADLESS_WEBUI.md`。
## Dev 预设(PC)
| preset | 用途 |
|--------|------|
| `onroad_overlay` | 车道/路径/置信度/DevUI |
| `confidence_low` / `confidence_high` | 置信度球 |
| `onroad_engaged` | 一般 engaged HUD |
| `e2e_green` / `standstill_timer` | E2E 圆环 |
需 `WEBUI_DEV_PC=1`(`run_pc.py` 默认开启)。
## v78 PC 验证要点
- 边框圆角更圆(0.12)
- engaged + 扭矩条时底部 `onroad_fade` 纹理
- SLA preActive 箭头淡入、SCC 标签淡入
- Home UPDATE/ALERTS 中英文切换
## 启动命令
```bash
py -3 webui/dev/run_pc.py --port 5080
# http://127.0.0.1:5080/?v=78
```
## 相关
`webui/docs/TESTING_PC_DEVICE_SCRCPY.md`、`webui/docs/GUI_ALIGNMENT.md`
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.
SEO optimization with keyword analysis, readability assessment, technical validation, content quality. Use for search rankings, blog posts, content audits, or encountering keyword density, readability scores, meta tags, schema markup errors.
Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation
Build a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui. Use whenever the user mentions TanStack Start, asks to scaffold a full-stack Cloudflare app with SSR, wants an SSR dashboard, or asks for a React 19 + Cloudflare Workers app with file-based routing and server functions — even if they don't name TanStack Start specifically. No template repo — Claude generates every file fresh per ...
PTES-aligned adversarial security audit for backend, frontend, and mobile applications. Produces a CVSS-scored Hacker Report with verified PoCs and phased remediation.