Web AI Agent Skills plugin
A skill set for browser Web AI APIs: Prompt, Translator, Writing Assistance, WebMCP and WebNN, aligned with the specifications.
- 53 ★ on the repository
- Last commit
Minimal access
Why this level
- The skills only instruct the agent on web app code and run nothing themselves.
Install
- Works in
Manual install
/plugin marketplace add webmaxru/ai-native-devThen `/plugin install web-ai-skills@webmaxru-ai-native-dev`; the same commands work in GitHub Copilot CLI.
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skills only instruct the agent on web app code and run nothing themselves.
This is third-party code. Review the repository files before installing.
What it does
The repository collects seven skills for integrating in-browser AI: Prompt API, Language Detector API, Translator API, Writing Assistance APIs, Proofreader API, WebMCP and WebNN. Each skill works on a JavaScript or TypeScript web app. It finds the right entry point in the project, confirms the API is available in the browser, writes a guarded wrapper and handles model download, errors and fallback. Skill files stay short while details live in `references/` and `assets/`, and deterministic scripts find code. The author checks the skills against specifications and preview implementations because the APIs change with browser versions. The set installs as one `web-ai-skills` plugin or as individual skills.
Who it is for. Frontend developers adding browser-embedded AI from Chrome and Edge to a web app who do not want to rely on stale examples.
Good fit when
- A chat on the Prompt API is added to an app with model download, sending states and a fallback.
- You need to detect the language of entered text and translate it with the browser built-in translator.
- A site exposes tools to agents through WebMCP and the registration must be checked against the draft specification.
- A model runs on the page through WebNN and hardware limits and flags matter.
Not a fit when
- The project is not a web app: the skills target browser JavaScript and TypeScript.
- You need a server-side model with a cloud API rather than browser-embedded AI.
- Target browsers do not support these APIs even in preview mode.
Example request
Add comment translation to this app with the browser built-in Translator API, with an availability check and a fallback.Limitations
Specifications and preview implementations are still changing, so behaviour depends on the browser version and enabled flags. The skills stop when a secure context or required flags are missing. Some APIs are still being standardized, and WebMCP is checked against a draft and a Chrome preview. Individual skills install through the APM manager or `npx skills`, and the `web-ai-skills` plugin is available through the third-party `webmaxru/ai-native-dev` marketplace.
How to disable. Remove the `web-ai-skills` plugin in the agent plugin manager or delete individual skills installed through APM or `npx skills`.
FAQ
How do I install Web AI Agent Skills in Claude Code?
Run `/plugin marketplace add webmaxru/ai-native-dev`, then `/plugin install web-ai-skills@webmaxru-ai-native-dev`. The same plugin installs in GitHub Copilot CLI and VS Code.
Can I install a single skill?
Yes. `npx skills add webmaxru/web-ai-agent-skills --skill prompt-api` installs only Prompt API. With APM use `apm install webmaxru/web-ai-agent-skills/skills/prompt-api`.
Which APIs does the set cover?
Prompt API, Language Detector API, Translator API, Writing Assistance APIs, Proofreader API, WebMCP and WebNN.
What does a skill do before editing code?
It identifies the correct web app entry point, confirms the API is available in the browser and accounts for the secure context and permissions policy. If a condition is missing, the skill stops.
What are the files in `references/` for?
They hold the API reference, examples, browser version compatibility, polyfills and common failure cases. The main `SKILL.md` stays short.
Discussion
No questions or reviews yet.
Related
Pluginsjulianromli/ai-skills
ai-skills
A collection of 31 skills for Claude Code and other agents: interfaces, React, Postgres, code review, SEO and browser automation
Web Animation Skills
web-animation-skills
Web animation skills: GSAP, SVG, Lottie, micro-interactions, page transitions, 60 frames per second. Install with npx skills or as a plugin
Ten UX and design skills for Claude Code, Cursor and Codex: research, critique, accessibility, design systems, UX writing
A design review skill applies Refactoring UI principles to web interfaces while respecting the project’s existing tokens
56 JavaScript snippets for web performance: the agent runs them through skills, MCP or CLI and reasons over the result
A skill and CLI for agents: UI without the templated look, 25 commands, rule-based anti-slop checks and a 0 to 100 quality score
README in short
The set is presented as regularly updated and manually reviewed. The skills follow the agentskills.io style: short `SKILL.md` files, details in `references/` and `assets/`, deterministic scripts. It gives install commands and a breakdown of each of the seven skills.