Agent skill

Webui

by alaliqing in alaliqing/claude-paper

Start the Claude Paper web viewer to browse and study papers

MITAuto-check: notesResearch & Science

Install Webui

skills CLI
$ npx skills add alaliqing/claude-paper --skill webui -a claude-code

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

GitHub CLI
$ gh skill install alaliqing/claude-paper webui --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/alaliqing/claude-paper.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugin/skills/webui .claude/skills/webui && 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
webui
GitHub stars
344
Token cost
~906 tokens
SKILL.md length
102 words
Files
1
Skills in repo
3
Repo updated
First seen
Licence
MIT

At a glance

Start the Claude Paper web viewer to browse and study papers

  • Works in 6 steps: Check and Install Dependencies (First… → Build Production Server (auto-rebuilds… → Check Port Availability → …
  • Research & Science work in your project
  • SKILL.md covers Step 1: Check and Install…, Step 2: Build Production…, Step 3: Check Port Availability and Step 4: Start Production Server, plus 2 more sections
  • Calls npm, node and claude

What it does

Webui is an agent skill from alaliqing/claude-paper. Start the Claude Paper web viewer to browse and study papers

Its SKILL.md is about 910 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 Research & Science. It works with DeepSeek, npm and Vue.js. The repository describes itself as: 📖 Cross-agent research paper toolkit for Claude Code, Codex, OpenCode, and DeepSeek Harness—quick summaries, deep study materials, code demos, and a local web viewer. The licence is MIT.

When your agent uses it

  • Research & Science work in your project

Example prompts

  • “/webui”

Requirements

  • Pre-approved tools (allowed-tools): Bash

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. Check and Install Dependencies (First Run Only)
  2. Build Production Server (auto-rebuilds on plugin update)
  3. Check Port Availability
  4. Start Production Server
  5. Verify Server Health
  6. Inform User

What it can do on your machine

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

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Bash

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npm
    • node
    • claude

    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

Webui loads about 906 tokens when it runs. Until then it costs about 17 tokens; SKILL.md has 102 words of instructions outside code blocks.

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

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: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
    allowed-tools: Bash

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 alaliqing/claude-paper at commit 0af55d0, republished under its MIT licence (© alaliqing). 102 words, ~906 tokens.

Download SKILL.mdSave it as .claude/skills/webui/SKILL.md (or your agent's skills folder).
name
webui
description
Start the Claude Paper web viewer to browse and study papers
allowed-tools
Bash
disable-model-invocation
false

Start Web UI

This skill starts the Claude Paper web viewer using the production Nuxt.js server.

Step 1: Check and Install Dependencies (First Run Only)

Check if web dependencies are installed (with corruption check):

bash
cd "${CLAUDE_PLUGIN_ROOT}/src/web"

if [ ! -d "node_modules" ]; then
  echo "First run - installing web dependencies..."
  npm ci
  echo "Web dependencies installed!"
elif [ ! -f "node_modules/.package-lock.json" ] || [ ! -d "node_modules/nuxt" ]; then
  echo "ERROR: node_modules is corrupted, performing clean install..."
  rm -rf node_modules
  npm ci
  echo "Web dependencies installed!"
else
  echo "Dependencies already installed"
fi

Step 2: Build Production Server (auto-rebuilds on plugin update)

Build if needed or if plugin version changed:

bash
cd ${CLAUDE_PLUGIN_ROOT}/src/web

PLUGIN_VERSION=$(node -e "console.log(require('${CLAUDE_PLUGIN_ROOT}/.claude-plugin/plugin.json').version)")
BUILD_VERSION=""
if [ -f ".output/.build-version" ]; then
  BUILD_VERSION=$(cat ".output/.build-version")
fi

if [ ! -f ".output/server/index.mjs" ] || [ "$PLUGIN_VERSION" != "$BUILD_VERSION" ]; then
  echo "Building production server (v${PLUGIN_VERSION})..."
  npm run build
  echo "$PLUGIN_VERSION" > .output/.build-version
  echo "Build complete!"
else
  echo "Production build is up to date (v${BUILD_VERSION})"
fi

Step 3: Check Port Availability

Ensure port 5815 is available (with version check restart):

bash
# Get version info for comparison
PLUGIN_VERSION=$(node -e "console.log(require('${CLAUDE_PLUGIN_ROOT}/.claude-plugin/plugin.json').version)")
BUILD_VERSION=""
if [ -f ".output/.build-version" ]; then
  BUILD_VERSION=$(cat ".output/.build-version")
fi

if lsof -i :5815 > /dev/null 2>&1; then
  echo "INFO: Port 5815 is already in use"
  PID_FILE="/tmp/claude-paper-webui.pid"
  if [ -f "$PID_FILE" ] && kill -0 $(cat "$PID_FILE") 2>/dev/null; then
    # Check version match - restart if plugin was updated
    if [ "$PLUGIN_VERSION" = "$BUILD_VERSION" ]; then
      echo "Claude Paper web UI is already running (version ${PLUGIN_VERSION})"
      echo "Access it at: http://localhost:5815"
      exit 0
    else
      echo "Version mismatch: running ${BUILD_VERSION}, need ${PLUGIN_VERSION}"
      echo "Stopping old server..."
      kill $(cat "$PID_FILE") 2>/dev/null
      sleep 2
      rm -f "$PID_FILE"
      echo "Old server stopped, will restart with new version"
    fi
  else
    echo "ERROR: Port 5815 is occupied by another process"
    exit 1
  fi
fi

Step 4: Start Production Server

Start the server in background:

bash
HOST=127.0.0.1 PORT=5815 node .output/server/index.mjs &
SERVER_PID=$!

# Save PID for later cleanup
echo $SERVER_PID > /tmp/claude-paper-webui.pid
echo "Server PID: $SERVER_PID"

Step 5: Verify Server Health

Wait for server to be ready:

bash
timeout=10
while [ $timeout -gt 0 ]; do
  if curl -s http://localhost:5815/api/papers > /dev/null 2>&1; then
    echo "Server is ready!"
    break
  fi
  sleep 1
  timeout=$((timeout - 1))
done

if [ $timeout -eq 0 ]; then
  echo "ERROR: Server failed to start properly"
  kill $SERVER_PID 2>/dev/null
  rm -f /tmp/claude-paper-webui.pid
  exit 1
fi

Step 6: Inform User

Tell the user the web viewer is available and provide cleanup instructions:

Claude Paper web UI is now running!

Access it at: http://localhost:5815

To stop the server, run:
  kill $(cat /tmp/claude-paper-webui.pid)

© alaliqing, MIT. 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 plugin/skills/webui of alaliqing/claude-paper.

Open the folder on GitHubat commit 0af55d0

Compare with similar skills

Webui 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.

Webui compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Webui this skillalaliqing/claude-paper344—~906Automated safety check: NotesMIT
Create Docsvictorgarciaesgi/nuxt-typed-router4132 repos~2.8kAutomated safety check: PassMIT
Nature Academic Searchwp-a/nature-academic-search297—~1.4kAutomated safety check: PassMIT
Dsh Upgrade AuditNanmiCoder/dsh-auto-mode1651 repos~2.5kAutomated safety check: PassMIT
Vuetify Skilldlogue/vite-vuetify-ts-starter1811 repos~1.9kAutomated safety check: PassMIT
Proof Run Orchestratorwanshuiyin/Auto-claude-code-research-in-sleep17k1 repos~4.7kAutomated safety check: PassMIT

Similar skills

  • Create Docs

    victorgarciaesgi/nuxt-typed-router

    Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.

    413 GitHub starsUsed in 2 repos~2.8k tokens
    Frontend & DesignAuto-check passed
  • Nature Academic Search

    wp-a/nature-academic-search

    A skill your agent uses when users ask to 找文献、做文献检索、查论文、查临床试验、核验引用、去重文献、设计 PubMed/MeSH 检索式、追踪上下游引文、解析 DOI/PMID/PMCID/arXiv/OpenAlex/Semantic Scholar/NCT ID, 或导出 RIS、BibTeX、NBIB、ENW;also use for…

    297 GitHub stars~1.4k tokensUpdated 6 days ago
    Research & ScienceAuto-check passed
  • Dsh Upgrade Audit

    NanmiCoder/dsh-auto-mode

    Audit external compatibility between two DSH (DeepSeek Harness) versions and detect reverts, producing an upgrade-report directory; compares git tags with a source checkout, or published npm…

    165 GitHub starsUsed in 1 repo~2.5k tokens
    DevelopmentAuto-check passed
  • Vuetify Skilld

    logue/vite-vuetify-ts-starter

    Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.

    181 GitHub starsUsed in 1 repo~1.9k tokens
    Frontend & DesignAuto-check passed
  • Proof Run Orchestrator

    wanshuiyin/Auto-claude-code-research-in-sleep

    Runs a mathematical proof project as a stateful pipeline of run directories: a local attempt first, then a manual GPT Pro handoff package, with an optional DeepSeek audit.

    17k GitHub starsUsed in 1 repo~4.7k tokens
    Research & ScienceAuto-check passed
  • OpenGUI Installer for DSH

    Core-Mate/OpenGUI

    Installs and verifies the latest stable OpenGUI release in a DeepSeek Harness web profile on macOS without disturbing existing plugins or settings.

    1.8k GitHub stars~1.1k tokensUpdated today
    Agent WorkflowsAuto-check passed

More from alaliqing/claude-paper

  • Study

    alaliqing/claude-paper

    A skill your agent uses when the user wants to read, study, analyze, or deeply understand a research paper (PDF).

    344 GitHub stars~2.5k tokensUpdated 1 mo ago
    Auto-check: notes
  • Summary

    alaliqing/claude-paper

    Use this for a quick summary of a research paper's core ideas and key points.

    344 GitHub stars~2k tokensUpdated 1 mo ago
    Auto-check: notes

Questions about Webui

What does Webui do?

Start the Claude Paper web viewer to browse and study papers. Webui is an agent skill from alaliqing/claude-paper.

When should I use Webui?

Webui fits situations like: research & Science work in your project.

How do I install Webui in Claude Code?

Run `npx skills add alaliqing/claude-paper --skill webui -a claude-code`. Or copy the skill folder (plugin/skills/webui in alaliqing/claude-paper) into .claude/skills/webui in your project. Claude Code loads it when a task matches its description.

How do I install Webui in Codex?

Run `npx skills add alaliqing/claude-paper --skill webui -a codex`. Or copy the skill folder (plugin/skills/webui in alaliqing/claude-paper) into .agents/skills/webui in your project. Codex loads it when a task matches its description.

Can I use Webui 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 alaliqing/claude-paper --skill webui -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/webui, .gemini/skills/webui, .github/skills/webui and .opencode/skills/webui in your project.

What does Webui need to run?

Going by SKILL.md and its folder, Webui needs the command-line tools its instructions call (npm, node and claude). Its frontmatter pre-approves these tools: Bash.

Does Webui 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 Webui safe to install?

Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Webui use?

Webui 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 Webui use?

About 906 tokens (SKILL.md is roughly 3.6k 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 Webui?

Skills that share tags, products or a category with Webui: Create Docs (victorgarciaesgi/nuxt-typed-router, 413 stars), Nature Academic Search (wp-a/nature-academic-search, 297 stars), Dsh Upgrade Audit (NanmiCoder/dsh-auto-mode, 165 stars) and Vuetify Skilld (logue/vite-vuetify-ts-starter, 181 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Webui?

alaliqing (a GitHub user) maintains it in alaliqing/claude-paper, which has 344 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on August 14, 2026.

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