Search everything...

Stats

Actions

Available In

Help us improve

Share bugs, ideas, or general feedback.

web-ai-skills - Claude Code Skills Plugin | ClaudePluginHub

Plugin

web-ai-skills

Name: web-ai-skills
Author: webmaxru

By webmaxru

Code browser-native AI features in web apps: prompt, translation, language detection, proofreading, summarization, writing, and on-device ML model execution via WebNN with fallback support.

npx claudepluginhub webmaxru/ai-native-dev --plugin web-ai-skills

Popularity

Stars

Top 25%

Med: 0·Avg: 274

Installs

Med: 0·Avg: 1

What's Inside

Skills7

language-detector-api

/language-detector-api

Implements and debugs browser Language Detector API integrations in JavaScript or TypeScript web apps. Use when adding LanguageDetector support checks, availability and model download flows, session creation, detect() calls, input-usage measurement, permissions-policy handling, or compatibility fallbacks for built-in language detection. Don't use for server-side language detection SDKs, cloud translation services, or generic NLP pipelines.

prompt-api

/prompt-api

Implements and debugs browser Prompt API integrations in JavaScript or TypeScript web apps. Use when adding LanguageModel availability checks, session creation, prompt or promptStreaming flows, structured output, download progress UX, or iframe permission-policy handling. Don't use for server-side LLM SDKs, REST AI APIs, or non-browser providers.

proofreader-api

/proofreader-api

Implements and debugs browser Proofreader API integrations in JavaScript or TypeScript web apps. Use when adding Proofreader availability checks, monitored model downloads, proofread flows, correction metadata handling, or permissions-policy checks for built-in proofreading. Don't use for generic prompt engineering, server-side LLM SDKs, or cloud AI services.

translator-api

/translator-api

Implements and debugs browser Translator API integrations in JavaScript or TypeScript web apps. Use when adding Translator support checks, language-pair availability flows, model download UX, session creation, translate() or translateStreaming() calls, input-usage measurement, or permissions-policy handling for on-device translation. Don't use for server-side translation SDKs, cloud translation services, or generic multilingual content pipelines.

webmcp

/webmcp

Implements and debugs browser WebMCP integrations in JavaScript or TypeScript web apps. Use when exposing imperative tools through document.modelContext (with a navigator.modelContext fallback), annotating HTML forms for declarative tools, handling agent-invoked form flows, or validating WebMCP behavior in the current Chrome preview. Don't use for server-side MCP servers, REST tool backends, or non-browser providers.

Stats

Version1.6.0

ReleasedMay 27, 2026

LanguageTypeScript

Stars30

Forks2

MaintenanceExcellent

LicenseMIT

Last CommitMay 27, 2026

AddedMar 28, 2026

Actions

View on GitHub View README Plugin Marketplace JSON

Own this plugin?

Verify ownership to unlock analytics, metadata editing, and a verified badge.

Available In

webmaxru-ai-native-dev

Help us improve

Share bugs, ideas, or general feedback.

README

Web AI Agent Skills

A maintained collection of agent skills for modern browser Web AI APIs: Prompt API, Language Detector API, Translator API, Writing Assistance APIs, Proofreader API, WebMCP, and WebNN.

Standards and preview implementations still shift, browser behavior changes across milestones, and many ecosystem examples go stale quickly. These skills reduce that drift so generated or assisted code stays aligned with the current public specification state instead of relying on outdated snippets or guesswork.

I maintain the skills against current specification and platform changes. That work is informed by participation in the W3C Web Machine Learning Community Group, where several of these APIs are discussed in the open, and by my work as a Google Developer Expert in Web Technologies.

The repository follows the agentskills.io style: lean SKILL.md files, progressive disclosure through references/ and assets/, and deterministic helper scripts where guessing would be brittle.

Install
- Install via Plugin Marketplace (recommended)
- Install Individual Skills
Skills in This Repository
Supporting Assets
- .github/prompts
- Skill Creator
Repository Conventions
Common Workflows

Install

Install via Plugin Marketplace (recommended)

All skills are available as a single agent plugin (web-ai-skills) through the AI-Native Dev plugin marketplace.

GitHub Copilot CLI

> /plugin marketplace add webmaxru/ai-native-dev
> /plugin install web-ai-skills@webmaxru-ai-native-dev

VS Code (GitHub Copilot)

Add the marketplace to your settings.json:

"chat.plugins.marketplaces": [
    "webmaxru/ai-native-dev"
]

Then open the Extensions sidebar, search @agentPlugins, and install web-ai-skills.

Alternatively, run Chat: Install Plugin From Source from the Command Palette and enter https://github.com/webmaxru/ai-native-dev.

Claude Code

> /plugin marketplace add webmaxru/ai-native-dev
> /plugin install web-ai-skills@webmaxru-ai-native-dev

Install Individual Skills

Use Agent Package Manager (APM) for per-skill installs:

apm init                                                   # once per project
apm install webmaxru/web-ai-agent-skills/skills/SKILL_NAME

Skills in This Repository

Prompt API Skill

skills/prompt-api is the main production-style example skill in the repository. It is scoped to browser Prompt API work in JavaScript or TypeScript web apps.

Install with APM:

apm install webmaxru/web-ai-agent-skills/skills/prompt-api

Install with npm:

npx skills add webmaxru/web-ai-agent-skills --skill prompt-api

It covers:

identifying the correct frontend target in a workspace
confirming Prompt API viability before code changes
implementing a guarded session wrapper around LanguageModel
wiring download, ready, sending, and fallback UX states
validating integrations and handling browser-specific failures

Its support files are split by purpose:

references/prompt-api-reference.md for API surface, validation rules, and platform constraints
references/examples.md for valid prompt shapes and implementation patterns
references/compatibility.md for availability, flags, typings, and breaking-change mapping
references/polyfills.md for native-first polyfill strategies and backend configuration
references/troubleshooting.md for runtime failure cases such as missing LanguageModel, iframe issues, and stale session cleanup
assets/language-model-service.template.ts for a reusable wrapper template
scripts/find-frontend-targets.mjs for deterministic scanning of likely web entry points and Prompt API markers

Language Detector API Skill

skills/language-detector-api is scoped to browser Language Detector API integrations in JavaScript or TypeScript web apps.

Install with APM:

apm install webmaxru/web-ai-agent-skills/skills/language-detector-api

Install with npm:

npx skills add webmaxru/web-ai-agent-skills --skill language-detector-api

It covers:

View full README on GitHub

Help us improve

Find plugins for your project

Help us improve

web-ai-skills

Popularity

What's Inside

Help us improve

Health & Quality

Confidence

README

Web AI Agent Skills

Contents

Install

Install via Plugin Marketplace (recommended)

Install Individual Skills

Skills in This Repository

Prompt API Skill

Language Detector API Skill

Similar Plugins

babel-fish

oberskills

agent-browser

wispr-pack

antigravity-skills

skills

More by webmaxru

enonic-skills

Web AI Agent Skills

Contents

Install

Install via Plugin Marketplace (recommended)

Install Individual Skills

Skills in This Repository

Prompt API Skill

Language Detector API Skill