webview-dev

Develop Vue3 webview frontends with Vite and postMessage communication.

Updated Aug 23, 2026

Search Tags:#frontend #extension #vite #vue3 #webview

One-click install

npx skills add https://github.com/NAMEWTA/ai-omni --skill webview-dev

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: webview-dev
Source: https://github.com/NAMEWTA/ai-omni/tree/main/.claude/skills/ai-omni-dev/modules/webview-dev
Command: npx skills add https://github.com/NAMEWTA/ai-omni --skill webview-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

该模块负责开发与 UI 实现相关的 Webview 前端，使用 Vue3 + Vite，提供 UI 组件、样式与与 Extension 的通信能力。

Core Features & Use Cases

Vue3 组件开发与样式封装
与 Extension 的 postMessage 通信
使用 Vite 构建与调试

Quick Start

进入 webview 目录，运行 npm install，再启动开发服务器或执行 npm run build:web 构建生产版本。