Agent skill

Abo Web UI

by jeeftor in jeeftor/audiobook-organizer

Build, debug, and verify the current Audiobook Organizer local browser UI in web/, cmd/web.go, cmd/gui.go, internal/server, and internal/app.

MITAuto-check passedFrontend & Design

Install Abo Web UI

skills CLI
$ npx skills add jeeftor/audiobook-organizer --skill abo-web-ui -a claude-code

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

GitHub CLI
$ gh skill install jeeftor/audiobook-organizer abo-web-ui --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/jeeftor/audiobook-organizer.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/abo-web-ui .claude/skills/abo-web-ui && 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/

Facts

Skill name
abo-web-ui
GitHub stars
189
Token cost
~502 tokens
SKILL.md length
240 words
Files
2
Skills in repo
12
Repo updated
First seen
Licence
MIT

At a glance

Build, debug, and verify the current Audiobook Organizer local browser UI in web/, cmd/web.go, cmd/gui.go, internal/server, and internal/app.

  • Works in 11 steps: Confirm the checkout contains the… → Confirm git status --short --branch… → Identify whether the change belongs in… → …
  • Tasks that involve Frontend development
  • Calls git and make
  • Tasks that involve Text to speech and voice

What it does

Abo Web UI is an agent skill from jeeftor/audiobook-organizer. Build, debug, and verify the current Audiobook Organizer local browser UI in web/, cmd/web.go, cmd/gui.go, internal/server, and internal/app.

Its SKILL.md is about 500 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 Frontend & Design, covering Frontend development and Text to speech and voice. The repository describes itself as: Organize and rename audiobook libraries for Audiobookshelf using metadata.json, EPUB, MP3, and M4B metadata. The licence is MIT.

When your agent uses it

  • Tasks that involve Frontend development
  • Tasks that involve Text to speech and voice

Example prompts

  • “/abo-web-ui”

Workflow steps

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

  1. Confirm the checkout contains the current web/ frontend. If not, report that this branch does not contain the new web UI design and stop…
  2. Confirm git status --short --branch shows a dedicated non-master issue branch before web UI edits.
  3. Identify whether the change belongs in web/, internal/server, internal/app, cmd/web.go, or cmd/gui.go.
  4. Preserve loopback-only server behavior and session token checks.
  5. Preserve dry-run, undo, log, and path-safety invariants in UI-triggered workflows.
  6. Keep API request/response changes synchronized across backend handlers, app services, frontend callers, and tests.
  7. For user-facing workflow acceptance, use Playwright or equivalent browser automation against the real local server and real filesystem or…
  8. Do not mock or intercept the primary workflow endpoint being accepted, such as organize preview/run, rename preview, or ABS operation…
  9. For functionality or workflow changes, follow $abo-docs guidance by checking both README.md and the static docs site source under…
  10. Verify backend changes with focused Go tests and frontend changes with make web-build.
  11. For user interaction changes, run browser or Playwright checks when dependencies are available.

What it can do on your machine

Read from SKILL.md and the folder at commit 3d1517a. 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:

    • git
    • make

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use git, 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

Abo Web UI loads about 502 tokens when it runs. Until then it costs about 38 tokens; SKILL.md has 240 words of instructions outside code blocks.

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

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 jeeftor/audiobook-organizer at commit 3d1517a, republished under its MIT licence (© jeeftor). 240 words, ~502 tokens.

Download SKILL.mdSave it as .claude/skills/abo-web-ui/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
abo-web-ui
description
Build, debug, and verify the current Audiobook Organizer local browser UI in web/, cmd/web.go, cmd/gui.go, internal/server, and internal/app.
metadata.short-description
Work on new ABO web UI

ABO Web UI

You are the Audiobook Organizer local browser UI engineer.

Read AGENTS.md, references/abo-assistant/common.md, references/abo-assistant/testing.md, and references/abo-assistant/web-ui.md.

Workflow

  1. Confirm the checkout contains the current web/ frontend. If not, report that this branch does not contain the new web UI design and stop before web UI edits.
  2. Confirm git status --short --branch shows a dedicated non-master issue branch before web UI edits.
  3. Identify whether the change belongs in web/, internal/server, internal/app, cmd/web.go, or cmd/gui.go.
  4. Preserve loopback-only server behavior and session token checks.
  5. Preserve dry-run, undo, log, and path-safety invariants in UI-triggered workflows.
  6. Keep API request/response changes synchronized across backend handlers, app services, frontend callers, and tests.
  7. For user-facing workflow acceptance, use Playwright or equivalent browser automation against the real local server and real filesystem or service fixtures for the endpoint under test.
  8. Do not mock or intercept the primary workflow endpoint being accepted, such as organize preview/run, rename preview, or ABS operation endpoints; mocked browser routes are allowed only as supplemental UI-contract or error-state checks.
  9. For functionality or workflow changes, follow $abo-docs guidance by checking both README.md and the static docs site source under web/src/content/docs/, plus mirrored docs/ pages when present.
  10. Verify backend changes with focused Go tests and frontend changes with make web-build.
  11. For user interaction changes, run browser or Playwright checks when dependencies are available.

Keep this skill focused on the current local browser UI paths only.

© jeeftor, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in .agents/skills/abo-web-ui of jeeftor/audiobook-organizer.

  • SKILL.md
  • agents/openai.yaml

Open the folder on GitHubat commit 3d1517a

Compare with similar skills

Abo Web UI 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.

Abo Web UI compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Abo Web UI this skilljeeftor/audiobook-organizer189—~502Automated safety check: PassMIT
Faqautonomous-ai/Physical-AI-Operating-System381—~3.3kAutomated safety check: PassApache-2.0
Tesseract Designmirage-hq/Tesseract124—~986Automated safety check: PassCustom licence
Accessibility Generatorrshankras/claude-code-apple-skills783—~1.4kAutomated safety check: NotesMIT
Rive Interactive Animationfreshtechbro/claudedesignskills994—~3.9kAutomated safety check: PassMIT
Brand Agencyglebis/claude-skills389—~1.6kAutomated safety check: PassMIT

Similar skills

  • Faq

    autonomous-ai/Physical-AI-Operating-System

    Explain how to run and use this repository's local Web UI, with detailed guidance for every Settings section and its visible controls.

    381 GitHub stars~3.3k tokensUpdated today
    Sales & SupportAuto-check passed
  • Tesseract Design

    mirage-hq/Tesseract

    Create and revise static visual designs as editable Tesseract compositions and rendered PNGs, including posters, social graphics, slide layouts, diagrams, and web/UI mockups.

    124 GitHub stars~986 tokensUpdated 6 days ago
    Frontend & DesignAuto-check passed
  • Accessibility Generator

    rshankras/claude-code-apple-skills

    Generate accessibility infrastructure for VoiceOver, Dynamic Type, and accessibility features.

    783 GitHub stars~1.4k tokensUpdated 2 mo ago
    Frontend & DesignAuto-check: notes
  • Rive Interactive Animation

    freshtechbro/claudedesignskills

    Builds interactive Rive animations for the web and React: state machines, inputs, ViewModel data binding and events, with scripts that generate component code.

    994 GitHub stars~3.9k tokensUpdated 10 mo ago
    Frontend & DesignAuto-check passed
  • Brand Agency

    glebis/claude-skills

    Applies Agency brand colors and typography to artifacts including presentations, SVG graphics, documents, and web interfaces.

    389 GitHub stars~1.6k tokensUpdated 11 days ago
    Frontend & DesignAuto-check passed
  • Desktop A11y Testing Coach

    Community-Access/accessibility-agents

    Test desktop apps with NVDA, JAWS, Narrator, VoiceOver and UIA tooling.

    422 GitHub stars~1.5k tokensUpdated 14 days ago
    Frontend & DesignAuto-check passed

More from jeeftor/audiobook-organizer

All 12 skills in this repo
  • Abo Workflow

    jeeftor/audiobook-organizer

    Route Audiobook Organizer maintainer work across issue, implementation, testing, web UI, ABS, and PR skills.

    189 GitHub stars~865 tokensUpdated 27 days ago
    Auto-check passed
  • Abo Issue Watcher

    jeeftor/audiobook-organizer

    Inspect Audiobook Organizer GitHub issues, comments, acceptance criteria, linked PRs, and next steps.

    189 GitHub stars~417 tokensUpdated 27 days ago
    Auto-check passed
  • Abo PR Create

    jeeftor/audiobook-organizer

    Commit, push, and create Audiobook Organizer pull requests into protected master after verification and PR body preparation.

    189 GitHub stars~540 tokensUpdated 27 days ago
    Auto-check passed
  • Abo Abs Tests

    jeeftor/audiobook-organizer

    Work on Audiobook Organizer Audiobookshelf harness validation, ABS E2E tests, matrix updates, reset contracts, and ABS-facing behavior verification.

    189 GitHub stars~460 tokensUpdated 27 days ago
    Auto-check passed
  • Abo Docs

    jeeftor/audiobook-organizer

    Update Audiobook Organizer documentation, AGENTS.md, changelog entries, and maintainer-facing workflow notes while keeping repo-local skill references consistent.

    189 GitHub stars~499 tokensUpdated 27 days ago
    Auto-check passed
  • Abo Feature

    jeeftor/audiobook-organizer

    Implement focused Audiobook Organizer features across CLI, organizer core, TUI, web UI, or ABS workflows while following issue, branch, tests, docs, and changelog rules.

    189 GitHub stars~446 tokensUpdated 27 days ago
    Auto-check passed

Questions about Abo Web UI

What does Abo Web UI do?

Build, debug, and verify the current Audiobook Organizer local browser UI in web/, cmd/web.go, cmd/gui.go, internal/server, and internal/app. Abo Web UI is an agent skill from jeeftor/audiobook-organizer.go, internal/server, and internal/app.

When should I use Abo Web UI?

Abo Web UI fits situations like: tasks that involve Frontend development; tasks that involve Text to speech and voice.

How do I install Abo Web UI in Claude Code?

Run `npx skills add jeeftor/audiobook-organizer --skill abo-web-ui -a claude-code`. Or copy the skill folder (.agents/skills/abo-web-ui in jeeftor/audiobook-organizer) into .claude/skills/abo-web-ui in your project. Claude Code loads it when a task matches its description.

How do I install Abo Web UI in Codex?

Run `npx skills add jeeftor/audiobook-organizer --skill abo-web-ui -a codex`. Or copy the skill folder (.agents/skills/abo-web-ui in jeeftor/audiobook-organizer) into .agents/skills/abo-web-ui in your project. Codex loads it when a task matches its description.

Can I use Abo Web UI 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 jeeftor/audiobook-organizer --skill abo-web-ui -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/abo-web-ui, .gemini/skills/abo-web-ui, .github/skills/abo-web-ui and .opencode/skills/abo-web-ui in your project.

What does Abo Web UI need to run?

Going by SKILL.md and its folder, Abo Web UI needs the command-line tools its instructions call (git and make).

Does Abo Web UI access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Abo Web UI 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 Abo Web UI use?

Abo Web UI 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 Abo Web UI use?

About 502 tokens (SKILL.md is roughly 2k 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 Abo Web UI?

Skills that share tags, products or a category with Abo Web UI: Faq (autonomous-ai/Physical-AI-Operating-System, 381 stars), Tesseract Design (mirage-hq/Tesseract, 124 stars), Accessibility Generator (rshankras/claude-code-apple-skills, 783 stars) and Rive Interactive Animation (freshtechbro/claudedesignskills, 994 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Abo Web UI?

jeeftor (a GitHub user) maintains it in jeeftor/audiobook-organizer, which has 189 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on September 10, 2026.

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