Agent skill

Use Vishot With Capacitor

Capture deterministic Capacitor application screens with Vishot.

MITAuto-check passedMobile

Install Use Vishot With Capacitor

skills CLI

$ npx skills add moeru-ai/airi --skill use-vishot-with-capacitor -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install moeru-ai/airi use-vishot-with-capacitor --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/use-vishot-with-capacitor .claude/skills/use-vishot-with-capacitor && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "use-vishot-with-capacitor" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-vishot-with-capacitor into .claude/skills/use-vishot-with-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-vishot-with-capacitor", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-vishot-with-capacitor

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add moeru-ai/airi --skill use-vishot-with-capacitor -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install moeru-ai/airi use-vishot-with-capacitor --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/use-vishot-with-capacitor .agents/skills/use-vishot-with-capacitor && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "use-vishot-with-capacitor" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-vishot-with-capacitor into .agents/skills/use-vishot-with-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-vishot-with-capacitor", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add moeru-ai/airi --skill use-vishot-with-capacitor -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install moeru-ai/airi use-vishot-with-capacitor --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/use-vishot-with-capacitor .cursor/skills/use-vishot-with-capacitor && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "use-vishot-with-capacitor" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-vishot-with-capacitor into .cursor/skills/use-vishot-with-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-vishot-with-capacitor", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/moeru-ai/airi.git --path .agents/skills/use-vishot-with-capacitor

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add moeru-ai/airi --skill use-vishot-with-capacitor -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install moeru-ai/airi use-vishot-with-capacitor --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/use-vishot-with-capacitor .gemini/skills/use-vishot-with-capacitor && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "use-vishot-with-capacitor" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-vishot-with-capacitor into .gemini/skills/use-vishot-with-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-vishot-with-capacitor", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install moeru-ai/airi use-vishot-with-capacitor

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add moeru-ai/airi --skill use-vishot-with-capacitor -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/use-vishot-with-capacitor .github/skills/use-vishot-with-capacitor && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "use-vishot-with-capacitor" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-vishot-with-capacitor into .github/skills/use-vishot-with-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-vishot-with-capacitor", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add moeru-ai/airi --skill use-vishot-with-capacitor -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install moeru-ai/airi use-vishot-with-capacitor --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/use-vishot-with-capacitor .opencode/skills/use-vishot-with-capacitor && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "use-vishot-with-capacitor" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-vishot-with-capacitor into .opencode/skills/use-vishot-with-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-vishot-with-capacitor", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: use-vishot-with-capacitor
GitHub stars: 50k
Token cost: ~1k tokens
SKILL.md length: 493 words
Files: 2
Skills in repo: 24
Repo updated: Oct 11, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Capture deterministic Capacitor application screens with Vishot.

Works in 7 steps: Identify the route, state, platform… → Ensure Vishot's Playwright Chromium… → Start the app's web development command.… → …
The selected Vishot target is a Capacitor app and Codex must capture its locally served WebView at mobile dimensions
SKILL.md covers WebView Workflow, Scenario Readiness and Locators and Native Evidence
Calls pnpm

What it does

Use Vishot With Capacitor is an agent skill from moeru-ai/airi. Capture deterministic Capacitor application screens with Vishot. Use when the selected Vishot target is a Capacitor app and Codex must capture its locally served WebView at mobile dimensions or distinguish WebView evidence from native-shell evidence.

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).

It sits in Mobile, covering Cross-platform mobile apps. It works with Capacitor. The repository describes itself as: 💖🧸 Self hosted, you-owned Grok Companion, a container of souls of waifu, cyber livings to bring them into our worlds, wishing to achieve Neuro-sama's altitude. Capable of… The licence is MIT.

When your agent uses it

The selected Vishot target is a Capacitor app and Codex must capture its locally served WebView at mobile dimensions
Distinguish WebView evidence from native-shell evidence

Example prompts

“/use-vishot-with-capacitor”

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

Identify the route, state, platform mode, orientation, viewport, theme, locale, and output directory supplied by the caller.
Ensure Vishot's Playwright Chromium runtime exists. If Vishot reports a missing executable, run pnpm exec playwright install chromium once…
Start the app's web development command. In AIRI, use VITE_SKIP_MKCERT=1 pnpm -F @proj-airi/stage-pocket dev:web for a local HTTP origin.
Wait until the development server reports that it is listening, then let Vishot handle WebView reload stability with an explicit…
Capture the route at the requested mobile viewport
Repeat for each requested state and viewport. Inspect each output before returning it.
Return its stable ID, title, platform/viewport details, and absolute path to $use-vishot or the caller.

What it can do on your machine

Read from SKILL.md and the folder at commit ec682e2. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- pnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Use Vishot With Capacitor loads about 1k tokens when it runs. Until then it costs about 69 tokens; SKILL.md has 493 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~69
When it runs · the whole SKILL.md, loaded when a task matches: ~1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from moeru-ai/airi at commit ec682e2, republished under its MIT licence (© moeru-ai). 493 words, ~1,033 tokens.

Download SKILL.mdSave it as .claude/skills/use-vishot-with-capacitor/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.

name: use-vishot-with-capacitor
description: Capture deterministic Capacitor application screens with Vishot. Use when the selected Vishot target is a Capacitor app and Codex must capture its locally served WebView at mobile dimensions or distinguish WebView evidence from native-shell evidence.

Use Vishot with Capacitor

Capture the locally served WebView through Vishot by default. Add native evidence only when the requested state depends on native UI or platform behavior.

WebView Workflow

Identify the route, state, platform mode, orientation, viewport, theme, locale, and output directory supplied by the caller.
Ensure Vishot's Playwright Chromium runtime exists. If Vishot reports a missing executable, run pnpm exec playwright install chromium once and retry.
Start the app's web development command. In AIRI, use VITE_SKIP_MKCERT=1 pnpm -F @proj-airi/stage-pocket dev:web for a local HTTP origin.
Wait until the development server reports that it is listening, then let Vishot handle WebView reload stability with an explicit --settle-ms 2500. Vishot intentionally has no default delay because it serves projects with different readiness contracts.

Capture the route at the requested mobile viewport:

bash

pnpm exec vishot render \
  --target browser \
  http://127.0.0.1:5273/settings \
  --width 390 \
  --height 844 \
  --settle-ms 2500 \
  --output-dir /absolute/output/settings

Repeat for each requested state and viewport. Inspect each output before returning it.
Return its stable ID, title, platform/viewport details, and absolute path to $use-vishot or the caller.

Scenario Readiness and Locators

Implement readiness for the specific route, viewport, platform mode, and UI state. Desktop text and controls may be hidden, renamed, or moved into mobile navigation, so do not reuse an expected string without inspecting the rendered mobile state.
Wait in this order: let Vishot establish URL and reload stability, confirm the final route, wait for a state-specific visible locator, confirm loading indicators, sheets, permission explanations, or startup overlays are resolved, then let Vishot keep its final settle window for remaining bundling, refresh, animation, or rendering.
Use text only when it is visible, unique, stable for the selected locale, and intrinsic to the intended state. Avoid generic headings, placeholders, network-derived values, and text that belongs only to another viewport or platform.
Prefer semantic locators such as getByRole('button', { name }) and getByLabel(). For an icon-only control, locate the owning button by its icon and click the button, not the icon node:
ts
```
const menuButton = page.locator('button').filter({
  has: page.locator('[i-solar\\:hamburger-menu-outline]'),
}).first()
```
Escape : in attribute-based icon selectors. Inspect the WebView DOM and repository icon usage before choosing a selector; avoid screen coordinates, nth-child, and incidental layout classes.
Treat bottom sheets, drawers, tab overflow, accordions, onboarding, and auto-hiding controls as stateful UI. Check the desired content, aria-expanded, or data-state before toggling. Make ensureOpen()-style helpers idempotent and wait for the intended open-state postcondition.
If the state belongs to native UI rather than the WebView, use platform-owned automation or report that native evidence is unavailable; a DOM locator cannot verify a system permission sheet or native keyboard.

Show full SKILL.md (83 more words)Show less

Native Evidence

Determine whether the UI difference depends on native behavior. Do not claim a browser capture verifies status bars, safe areas, system permissions, native keyboards, camera views, or plugin-owned UI.
If the contributor already has the required simulator/device and project toolchain, run the repository-owned Capacitor command and use the platform's existing screenshot command.
Do not install a mobile automation framework or select a new dependency implicitly. Report the missing native evidence to the caller when platform tooling is unavailable.

Files

SKILL.md and 1 other file in .agents/skills/use-vishot-with-capacitor of moeru-ai/airi.

SKILL.md
agents/openai.yaml

Open the folder on GitHubat commit ec682e2

Compare with similar skills

Use Vishot With Capacitor next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Use Vishot With Capacitor compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Use Vishot With Capacitor this skillmoeru-ai/airi	50k	—	~1k	Automated safety check: Pass	MIT	today
Ionic FrameworkLeoYeAI/openclaw-master-skills	2.2k	—	~5.5k	Automated safety check: Pass	MIT	2 mo ago
Developing Capacitor MobileTriliumNext/Trilium	38k	—	~4.7k	Automated safety check: Pass	AGPL-3.0	today
React Native Best Practicesvercel-labs/openreview	1.7k	17 repos	~1.1k	Automated safety check: Pass	MIT	7 mo ago
Compose Multiplatform Patternsmonta-app/ocpp-emulator	180	5 repos	~2k	Automated safety check: Pass	Apache-2.0	yesterday
Creating Reanimated Animationsgluestack/gluestack-ui	5.3k	—	~2.4k	Automated safety check: Pass	None	1 mo ago

Similar skills

Ionic Framework
LeoYeAI/openclaw-master-skills
Comprehensive Ionic Framework expert skill consolidating core concepts, component reference, CLI usage, theming, layout, page lifecycle, framework-specific patterns for Angular/React/Vue…
2.2k GitHub stars~5.5k tokensUpdated 2 mo ago
MobileAuto-check passed
Developing Capacitor Mobile
TriliumNext/Trilium
A skill your agent uses when working on the Trilium mobile app (apps/mobile, Capacitor for Android/iOS) or on the standalone code paths that only run inside it — request routing on capacitor:// vs…
38k GitHub stars~4.7k tokensUpdated today
MobileAuto-check passed
React Native Best Practices
vercel-labs/openreview
Official
A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.
1.7k GitHub starsUsed in 17 repos~1.1k tokens
MobileAuto-check passed
Compose Multiplatform Patterns
monta-app/ocpp-emulator
Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.
180 GitHub starsUsed in 5 repos~2k tokens
MobileAuto-check passed
Creating Reanimated Animations
gluestack/gluestack-ui
Generate React Native Reanimated animation code for React Native apps.
5.3k GitHub stars~2.4k tokensUpdated 1 mo ago
MobileAuto-check passed
Add Flutter Docusaurus Locale
matthiasn/lotti
Add, complete, or audit a locale across a Flutter application's ARB catalogs and a localized Docusaurus manual, including generated localization code, locale selectors, native platform declarations…
1.2k GitHub stars~1.2k tokensUpdated today
MobileAuto-check passed

Questions about Use Vishot With Capacitor

What does Use Vishot With Capacitor do?

Capture deterministic Capacitor application screens with Vishot. Use Vishot With Capacitor is an agent skill from moeru-ai/airi. Capture deterministic Capacitor application screens with Vishot.

When should I use Use Vishot With Capacitor?

Use Vishot With Capacitor fits situations like: the selected Vishot target is a Capacitor app and Codex must capture its locally served WebView at mobile dimensions; distinguish WebView evidence from native-shell evidence.

How do I install Use Vishot With Capacitor in Claude Code?

Run `npx skills add moeru-ai/airi --skill use-vishot-with-capacitor -a claude-code`. Or copy the skill folder (.agents/skills/use-vishot-with-capacitor in moeru-ai/airi) into .claude/skills/use-vishot-with-capacitor in your project. Claude Code loads it when a task matches its description.

How do I install Use Vishot With Capacitor in Codex?

Run `npx skills add moeru-ai/airi --skill use-vishot-with-capacitor -a codex`. Or copy the skill folder (.agents/skills/use-vishot-with-capacitor in moeru-ai/airi) into .agents/skills/use-vishot-with-capacitor in your project. Codex loads it when a task matches its description.

Can I use Use Vishot With Capacitor in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add moeru-ai/airi --skill use-vishot-with-capacitor -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/use-vishot-with-capacitor, .gemini/skills/use-vishot-with-capacitor, .github/skills/use-vishot-with-capacitor and .opencode/skills/use-vishot-with-capacitor in your project.

What does Use Vishot With Capacitor need to run?

Going by SKILL.md and its folder, Use Vishot With Capacitor needs the command-line tools its instructions call (pnpm).

Does Use Vishot With Capacitor access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Use Vishot With Capacitor safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Use Vishot With Capacitor use?

Use Vishot With Capacitor is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Use Vishot With Capacitor use?

About 1k tokens (SKILL.md is roughly 4.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Use Vishot With Capacitor?

Skills that share tags, products or a category with Use Vishot With Capacitor: Ionic Framework (LeoYeAI/openclaw-master-skills, 2.2k stars), Developing Capacitor Mobile (TriliumNext/Trilium, 38k stars), React Native Best Practices (vercel-labs/openreview, 1.7k stars) and Compose Multiplatform Patterns (monta-app/ocpp-emulator, 180 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Use Vishot With Capacitor?

moeru-ai (a GitHub organization) maintains it in moeru-ai/airi, which has 50,267 GitHub stars. The repository holds 24 skills in this directory. The repository was last updated on October 11, 2026.

Source: moeru-ai/airi on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Use Vishot With Capacitor

Install Use Vishot With Capacitor

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Use Vishot with Capacitor

WebView Workflow

Scenario Readiness and Locators

Native Evidence

Files

Compare with similar skills

Similar skills

Ionic Framework

Developing Capacitor Mobile

React Native Best Practices

Compose Multiplatform Patterns

Creating Reanimated Animations

Add Flutter Docusaurus Locale

More from moeru-ai/airi

Simple English

Enforce Rules For I18n

Upload GitHub Attachment

Create PR

Use Agent Browser For Airi

Agent Browser Electron

Questions about Use Vishot With Capacitor

Install Use Vishot With Capacitor

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Use Vishot with Capacitor

WebView Workflow

Scenario Readiness and Locators

Native Evidence

Files

Compare with similar skills

Similar skills

More from moeru-ai/airi

Related

Questions about Use Vishot With Capacitor