writing-assistance-apis — Claude Code skill: overview & install
Integrates built-in browser Summarizer, Writer, and Rewriter APIs in JavaScript and TypeScript apps. It handles model downloads, streaming responses, and abort signals.
npx skills add webmaxru/web-ai-agent-skills --skill writing-assistance-apis -a claude-codeWhat writing-assistance-apis does
This skill inspects web projects using scripts/find-writing-assistance-targets.mjs to locate UI entry points. It adapts assets/writing-assistance-session.template.ts to build guarded wrappers around browser AI. The workflow covers Summarizer for text summaries, Writer for drafting, and Rewriter for editing tasks.
Session creation is guarded by the availability() method. It requires user activation when a model must download first. Download status flows through the monitor callback. Session options stay immutable after creation. Calls support AbortController for clean cancellation and free memory via destroy().
These APIs fail inside Web Workers or on servers because they depend on a secure Window context. Cross-origin iframes also need explicit permissions-policy headers. When token budgets trigger QuotaExceededError, the logic trims context inputs before retrying.
What it helps with
- integrate browser Summarizer, Writer, and Rewriter APIs into frontend code
- monitor local model download progress during session creation
- cancel in-flight text generation with
AbortControllerand clean up sessions - handle
NotAllowedErrorby configuring permissions-policy delegation for iframes
Example prompts for the agent
- "Add the browser Summarizer API to condense articles and show model download progress."
- "Implement a guarded Writer session wrapper with AbortController cancellation and non-AI fallbacks."
- "Verify Rewriter API availability and configure iframe permissions-policy delegation."
How to install writing-assistance-apis
1Skills CLI (Vercel)
npx skills add webmaxru/web-ai-agent-skills --skill writing-assistance-apis -a claude-code2Manually: put the files in place
~/.claude/skills/writing-assistance-apis/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/writing-assistance-apis/
1Skills CLI (Vercel)
npx skills add webmaxru/web-ai-agent-skills --skill writing-assistance-apis -a codex2Manually: put the files in place
.agents/skills/writing-assistance-apis/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add webmaxru/web-ai-agent-skills --skill writing-assistance-apis -a cursor2Manually: put the files in place
.cursor/skills/writing-assistance-apis/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install webmaxru/web-ai-agent-skills writing-assistance-apis2Manually: put the files in place
.github/skills/writing-assistance-apis/SKILL.md1Skills CLI (Vercel)
npx skills add webmaxru/web-ai-agent-skills --skill writing-assistance-apis -a gemini-cli2Platform CLI
gemini skills install https://github.com/webmaxru/web-ai-agent-skills --path skills/writing-assistance-apisManually: put the files in place
.devin/skills/writing-assistance-apis/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add webmaxru/web-ai-agent-skills --skill writing-assistance-apis -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about writing-assistance-apis
How to install writing-assistance-apis in Claude Code?
Run npx skills add webmaxru/web-ai-agent-skills --skill writing-assistance-apis -a claude-code in your project terminal.
What does writing-assistance-apis do?
It configures native browser AI capabilities for text summarization, creation, and rewriting in web applications. The skill generates guarded session wrappers, handles streaming, and implements fallback states.
Can these writing assistance APIs run in Web Workers or on a server?
No, these browser APIs require a secure Window execution context. They are not available in server-side environments or Web Workers.
Source text
SKILL.md · MIT
--- name: writing-assistance-apis description: Implements and debugs browser Summarizer, Writer, and Rewriter integrations in JavaScript or TypeScript web apps. Use when adding availability checks, model download UX, session creation, summarize or write or rewrite flows, streaming output, abort handling, or permissions-policy constraints for built-in writing assistance APIs. Don't use for generic prompt engineering, server-side LLM SDKs, or cloud AI services. license: MIT metadata: author: webmaxru version: "1.4" --- # Writing Assistance APIs ## Procedures **Step 1: Identify the browser integration surface** 1. Inspect the workspace for browser entry points, UI handlers, and any existing AI abstraction layer. 2. Execute `node scripts/find-writing-assistance-targets.mjs .` to inventory likely frontend files and existing Summarizer, Writer, or Rewriter usage when a Node runtime is available. 3. If a Node runtime is unavailable, inspect the nearest `package.json`, HTML entry point, and framework bootstrap files manually to identify the browser app boundary. 4. If the workspace contains multiple frontend apps, prefer the app that contains the active route, component, or user-requested feature surface. 5. If the inventory still leaves multiple plausible frontend targets, stop and ask which app should receive the Writing Assistance API integration. 6. If the project is not a browser web app, stop and explain that this skill does not apply. **Step 2: Confirm API viability and choose the right surface** 1. Read `references/writing-assistance-reference.md` before writing code. 2. Read `references/examples.md` when the feature needs a session shape for monitoring downloads, batch output, streaming output, or cancellation. 3. Read `references/compatibility.md` when preview flags, browser channels, hardware requirements, or iframe constraints matter. 4. Read `references/troubleshooting.md` when availability checks, creation, streaming, or session cleanup fail. 5. Verify that the feature runs in a secure `Window` context and that the relevant permissions-policy feature allows access from the current frame. 6. Choose the narrowest surface that matches the task: - `Summarizer` for article, document, or conversation summaries. - `Writer` for generating new text from a short prompt or writing task. - `Rewriter` for transforming existing text while preserving its intent. 7. If the feature must run in a worker, on the server, or against a remote model provider, stop and explain the platform mismatch. 8. If the project uses TypeScript, add or preserve typings that cover the specific browser APIs used by the feature. **Step 3: Implement a guarded session wrapper** 1. Read `assets/writing-assistance-session.template.ts` and adapt it to the framework, state model, and file layout in the workspace. 2. Gate session creation behind the API's `availability()` method using the same create options that will be used at runtime. 3. Treat `availability()` as a capability check, not a guarantee that creation will succeed without user interaction or download time. 4. Create sessions only after user activation when creation may initiate a download. 5. Use the `monitor` option during `create()` when the UI needs download progress. 6. Use `AbortController` for cancelable create and run calls, and call `destroy()` when the session is no longer needed. 7. Recreate the session instead of mutating options after creation; session options are fixed per instance. 8. If the feature lives in a cross-origin iframe, require explicit delegation for each API that the frame needs. **Step 4: Wire UX and fallback behavior** 1. Surface distinct states for missing APIs, unavailable devices, downloadable or downloading models, ready sessions, in-flight generation, and aborted work. 2. Keep a non-AI fallback for unsupported browsers, blocked frames, or devices that do not meet the current preview requirements. 3. Strip or normalize HTML before summarization or rewriting when the source text comes from rendered page content. 4. Use the batch methods when the feature needs the full result before continuing, and use the streaming methods when the UI should reveal output incrementally. 5. Pass `sharedContext` only for persistent session-wide guidance, and pass per-call `context` only for request-specific background detail. 6. Keep language options explicit when the feature depends on supported input, context, or output languages. 7. Do not route generic chatbot, tool-calling, or open-ended assistant tasks through these APIs; switch to the Prompt API or another approved capability when the task is not summarization, writing, or rewriting. **Step 5: Validate behavior** 1. Execute `node scripts/find-writing-assistance-targets.mjs .` to confirm that the intended app boundary and API markers still resolve to the edited integration surface. 2. Verify feature detection, secure-context checks, and `availability()` behavior before debugging deeper runtime failures. 3. Test at least one batch call and one streaming call when the feature exposes both modes. 4. Confirm that cancellation stops generation cleanly and that destroyed sessions are not reused. 5. If the target environment depends on preview browser flags or channel-specific behavior, confirm the required browser state from `references/compatibility.md` before treating failures as application bugs. 6. Run the workspace build, typecheck, or tests after editing. ## Error Handling * If `Summarizer`, `Writer`, or `Rewriter` is missing, keep a non-AI fallback and confirm that the environment satisfies the browser and preview requirements before changing product logic. * If `availability()` returns `downloadable` or `downloading`, require user-driven session creation before promising that generation is ready. * If `create()` throws `NotAllowedError`, check permissions-policy constraints, missing user activation for downloads, browser policy restrictions, or user rejection. * If `create()` or a run call throws `NotSupportedError`, align the requested languages, output format, summary type, tone, or length with the browser's supported combinations. * If a call throws `QuotaExceededError`, shrink `sharedContext`, per-call `context`, or the user input before retrying. * If the feature must run in a worker or server context, stop and explain that the Writing Assistance APIs are window-only browser APIs.
© webmaxru · MIT · webmaxru/web-ai-agent-skills