Svelte Testing
spences10/sveltest
Fix and create Svelte 5 tests with vitest-browser-svelte and Playwright.
Verify reader features end-to-end by importing a synthetic volume through the real upload modal and driving the reader with Playwright.
Install Verify
$ npx skills add Gnathonic/mokuro-reader --skill verify -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Gnathonic/mokuro-reader verify --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Gnathonic/mokuro-reader.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/verify .claude/skills/verify && rm -rf skills-srcUse ~/.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/
Install the "verify" agent skill from https://github.com/Gnathonic/mokuro-reader/tree/main/.claude/skills/verify into .claude/skills/verify/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify", 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 install https://github.com/Gnathonic/mokuro-reader/tree/main/.claude/skills/verifyType 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.
$ npx skills add Gnathonic/mokuro-reader --skill verify -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Gnathonic/mokuro-reader verify --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Gnathonic/mokuro-reader.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/verify .agents/skills/verify && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "verify" agent skill from https://github.com/Gnathonic/mokuro-reader/tree/main/.claude/skills/verify into .agents/skills/verify/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify", 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.
$ npx skills add Gnathonic/mokuro-reader --skill verify -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Gnathonic/mokuro-reader verify --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Gnathonic/mokuro-reader.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/verify .cursor/skills/verify && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "verify" agent skill from https://github.com/Gnathonic/mokuro-reader/tree/main/.claude/skills/verify into .cursor/skills/verify/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify", 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 https://github.com/Gnathonic/mokuro-reader.git --path .claude/skills/verify--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Gnathonic/mokuro-reader --skill verify -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Gnathonic/mokuro-reader verify --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Gnathonic/mokuro-reader.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/verify .gemini/skills/verify && rm -rf skills-srcUse ~/.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/
Install the "verify" agent skill from https://github.com/Gnathonic/mokuro-reader/tree/main/.claude/skills/verify into .gemini/skills/verify/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify", 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.
$ gh skill install Gnathonic/mokuro-reader verifyInstalls 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).
$ npx skills add Gnathonic/mokuro-reader --skill verify -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Gnathonic/mokuro-reader.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/verify .github/skills/verify && rm -rf skills-srcUse ~/.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/
Install the "verify" agent skill from https://github.com/Gnathonic/mokuro-reader/tree/main/.claude/skills/verify into .github/skills/verify/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify", 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.
$ npx skills add Gnathonic/mokuro-reader --skill verify -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Gnathonic/mokuro-reader verify --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Gnathonic/mokuro-reader.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/verify .opencode/skills/verify && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "verify" agent skill from https://github.com/Gnathonic/mokuro-reader/tree/main/.claude/skills/verify into .opencode/skills/verify/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify", 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
verify- GitHub stars
- 209
- Token cost
- ~724 tokens
- SKILL.md length
- 282 words
- Files
- 1
- Skills in repo
- 1
- Repo updated
- First seen
- Licence
- GPL-3.0
At a glance
Verify reader features end-to-end by importing a synthetic volume through the real upload modal and driving the reader with Playwright.
- Works in 4 steps: Navbar icon cluster: div.flex.gap-5 >… → Gotcha: getByRole() fails to match… → waitForEvent('filechooser') + click the… → …
- A change needs runtime observation in the actual app (not unit tests)
- SKILL.md covers Launch, Synthetic volume fixture, Import through the real UI and Driving the reader, plus 1 more section
- Calls npm and magick
What it does
Verify is an agent skill from Gnathonic/mokuro-reader. Verify reader features end-to-end by importing a synthetic volume through the real upload modal and driving the reader with Playwright. Use when a change needs runtime observation in the actual app (not unit tests).
Its SKILL.md is about 720 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Testing & QA, covering Comics and storyboards, Browser testing and Unit testing. It works with Playwright. The repository describes itself as: A mokuro reader written in svelte. The licence is GPL-3.0.
When your agent uses it
- A change needs runtime observation in the actual app (not unit tests)
- Tasks that involve Comics and storyboards
- Tasks that involve Browser testing
Example prompts
- “/verify”
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- Navbar icon cluster: div.flex.gap-5 > button — nth(2) is the upload icon → opens the Import modal ().
- Gotcha: getByRole() fails to match buttons inside the flowbite modal — use CSS locators (page.locator('dialog button', { hasText: ... }))…
- waitForEvent('filechooser') + click the choose files button, setFiles([vol1.mokuro, vol1.cbz]), then click the exact-text Import button.
- Wait for text=GapTest in the catalog, click series → volume → reader (#/reader//).
What it can do on your machine
Read from SKILL.md and the folder at commit bfaeb48. 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:
npmmagick
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm, 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
Verify loads about 724 tokens when it runs. Until then it costs about 56 tokens; SKILL.md has 282 words of instructions outside code blocks.
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 Gnathonic/mokuro-reader at commit bfaeb48, republished under its GPL-3.0 licence (© Gnathonic). 282 words, ~724 tokens.
Download SKILL.mdSave it as
.claude/skills/verify/SKILL.md (or your agent's skills folder).- name
- verify
- description
- Verify reader features end-to-end by importing a synthetic volume through the real upload modal and driving the reader with Playwright. Use when a change needs runtime observation in the actual app (not unit tests).
Verifying mokuro-reader changes end-to-end
Launch
npm run dev -- --port 5199 --strictPort # dedicated port; NEVER bare 5173 (other worktrees own it)Browser: Playwright from node_modules, executablePath
~/.cache/ms-playwright/chromium-1208/chrome-linux64/chrome (note chrome-linux64, not chrome-linux).
Headless is fine. Don't drive the user's Chrome (stale service worker, port collisions, hidden-window rAF freeze).
Synthetic volume fixture
The import needs a .mokuro + matching .cbz (same basename):
- Pages: ImageMagick solid-color portraits with page numbers:
magick -size 1400x2000 xc:"#d8f0ff" -bordercolor black -border 8 -resize 1400x2000\! -gravity center -pointsize 400 -annotate 0 "1" 001.png vol1.cbz:zip -j vol1.cbz *.pngvol1.mokuro(all fields required):{version, title, title_uuid, volume, volume_uuid, chars, pages: [{version, img_width, img_height, blocks: [], img_path}]}
Import through the real UI
- Navbar icon cluster:
div.flex.gap-5 > button— nth(2) is the upload icon → opens the Import modal (<dialog>). - Gotcha:
getByRole()fails to match buttons inside the flowbite modal<dialog>— use CSS locators (page.locator('dialog button', { hasText: ... })) orpage.evaluatewithtextContent.trim()matching. waitForEvent('filechooser')+ click thechoose filesbutton,setFiles([vol1.mokuro, vol1.cbz]), then click the exact-textImportbutton.- Wait for
text=GapTestin the catalog, click series → volume → reader (#/reader/<title>/<uuid>).
Driving the reader
- RTL default:
ArrowLeft= forward. Auto view mode pairs pages (cover shows alone first). - Page elements:
#manga-panel [data-page-index]— measuregetBoundingClientRect()for gap/scale/pan assertions (natural page width 1400 → scale = rect.width/1400). - Wheel with modifiers:
page.keyboard.down('Control'/'Shift')+page.mouse.wheel(0, ±100)— Playwright applies held modifiers to the wheel event. CDP does NOT swap deltaY→deltaX under shift the way real input does; handlers readingdeltaY || deltaXcover both. - Reader toast: search text nodes for the notification string.
- Reader settings drawer:
button.reader-hud.right-3(there are 3.reader-hudbuttons;.first()is the page-counter). Toggle labels (e.g. "Continuous scroll") are clickable once the drawer opens; close by clicking far from the drawer. - Persisted settings check:
JSON.parse(localStorage.getItem('profiles'))[currentProfile].
Known noise
[pageerror] Unexpected token '<'on first dev-server load — pre-existing dev artifact, unrelated to features.
© Gnathonic, GPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .claude/skills/verify of Gnathonic/mokuro-reader.
Open the folder on GitHubat commit bfaeb48
Compare with similar skills
Verify 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Verify this skillGnathonic/mokuro-reader | 209 | — | ~724 | Automated safety check: Pass | GPL-3.0 | |
| Svelte Testingspences10/sveltest | 113 | — | ~579 | Automated safety check: Pass | MIT | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.1k | Automated safety check: Pass | None | |
| Ha Frontend Testinghome-assistant/frontend | 5.7k | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.2k | Automated safety check: Pass | None | |
| Frontend Playwright E2Eansible/ansible-ui | 113 | — | ~2.5k | Automated safety check: Notes | Apache-2.0 |
Similar skills
Playwright Testing
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
Ha Frontend Testing
home-assistant/frontend
Home Assistant frontend testing and validation workflow. An agent skill from home-assistant/frontend.
Playwright Testing
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
Frontend Playwright E2E
ansible/ansible-ui
Write, run, and debug Playwright E2E / integration / live tests.
Hydra Dev
streamband/hydra-srt
Run HydraSRT development workflows: mix q quality gate, Elixir unit/E2E tests, native Rust tests, web Vitest/Playwright, and make dev.
Related
Works with
Categories
Questions about Verify
What does Verify do?
Verify reader features end-to-end by importing a synthetic volume through the real upload modal and driving the reader with Playwright. Verify is an agent skill from Gnathonic/mokuro-reader. Verify reader features end-to-end by importing a synthetic volume through the real upload modal and driving the reader with Playwright.
When should I use Verify?
Verify fits situations like: A change needs runtime observation in the actual app (not unit tests); tasks that involve Comics and storyboards; tasks that involve Browser testing.
How do I install Verify in Claude Code?
Run `npx skills add Gnathonic/mokuro-reader --skill verify -a claude-code`. Or copy the skill folder (.claude/skills/verify in Gnathonic/mokuro-reader) into .claude/skills/verify in your project. Claude Code loads it when a task matches its description.
How do I install Verify in Codex?
Run `npx skills add Gnathonic/mokuro-reader --skill verify -a codex`. Or copy the skill folder (.claude/skills/verify in Gnathonic/mokuro-reader) into .agents/skills/verify in your project. Codex loads it when a task matches its description.
Can I use Verify 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 Gnathonic/mokuro-reader --skill verify -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/verify, .gemini/skills/verify, .github/skills/verify and .opencode/skills/verify in your project.
What does Verify need to run?
Going by SKILL.md and its folder, Verify needs the command-line tools its instructions call (npm and magick).
Does Verify access the network?
SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Verify 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 Verify use?
Verify is published under the GPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Verify use?
About 724 tokens (SKILL.md is roughly 2.9k 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 Verify?
Skills that share tags, products or a category with Verify: Svelte Testing (spences10/sveltest, 113 stars), Playwright Testing (chongdashu/vibejam-starter-pack, 149 stars), Ha Frontend Testing (home-assistant/frontend, 5.7k stars) and Playwright Testing (chongdashu/vibejam-starter-pack, 149 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Verify?
Gnathonic (a GitHub user) maintains it in Gnathonic/mokuro-reader, which has 209 GitHub stars. The repository was last updated on October 6, 2026.
Source: Gnathonic/mokuro-reader on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.