New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Web Ng Docker Loop

by carverauto in carverauto/serviceradar

Run ServiceRadar elixir/web-ng locally against the Docker Compose CNPG database with copied mTLS certs and Docker secrets, then verify dashboard UI changes with Playwright.

Apache-2.0Auto-check passedDevOps & Cloud

Install Web Ng Docker Loop

skills CLI
$ npx skills add carverauto/serviceradar --skill web-ng-docker-loop -a claude-code

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

GitHub CLI
$ gh skill install carverauto/serviceradar web-ng-docker-loop --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/carverauto/serviceradar.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/web-ng-docker-loop .claude/skills/web-ng-docker-loop && 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
web-ng-docker-loop
GitHub stars
921
Token cost
~737 tokens
SKILL.md length
273 words
Files
4 (incl. scripts)
Skills in repo
18
Repo updated
First seen
Licence
Apache-2.0

At a glance

Run ServiceRadar elixir/web-ng locally against the Docker Compose CNPG database with copied mTLS certs and Docker secrets, then verify dashboard UI changes with Playwright.

  • Iterating on web-ng
  • SKILL.md covers Quick Start, Dashboard Package Import, Browser Checks and Notes
  • Runs Shell scripts from its folder; calls npm and docker
  • Dashboard package

What it does

Web Ng Docker Loop is an agent skill from carverauto/serviceradar. Run ServiceRadar elixir/web-ng locally against the Docker Compose CNPG database with copied mTLS certs and Docker secrets, then verify dashboard UI changes with Playwright. Use when iterating on web-ng, dashboard package, custom React dashboard, customer WiFi map, SRQL topbar, or browser screenshot behavior without rebuilding the web-ng release image.

Its SKILL.md is about 740 tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including scripts (for example `agents/openai.yaml`, `scripts/import-dashboard-package.sh` and `scripts/start-local-web-ng.sh`).

It sits in DevOps & Cloud, covering Containers. It works with Docker, Elixir, Playwright and React. The repository describes itself as: Open-Source Network Management, Monitoring, ITOM, and Security Analytics. The licence is Apache-2.0.

When your agent uses it

  • Iterating on web-ng
  • Dashboard package
  • Custom React dashboard
  • Customer WiFi map

Example prompts

  • “/web-ng-docker-loop”

Requirements

  • A Bash shell
  • Docker

What it can do on your machine

Read from SKILL.md and the folder at commit 4caf00b. 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

    Ships 2 files in scripts/ (Shell), which the agent can run.

    Shell commands in SKILL.md call:

    • npm
    • docker

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

  • Network

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

Web Ng Docker Loop loads about 737 tokens when it runs. Until then it costs about 94 tokens; SKILL.md has 273 words of instructions outside code blocks.

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

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); the scripts in this folder are not scanned.

SKILL.md

The full file from carverauto/serviceradar at commit 4caf00b, republished under its Apache-2.0 licence (© carverauto). 273 words, ~737 tokens.

Download SKILL.mdSave it as .claude/skills/web-ng-docker-loop/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
web-ng-docker-loop
description
Run ServiceRadar `elixir/web-ng` locally against the Docker Compose CNPG database with copied mTLS certs and Docker secrets, then verify dashboard UI changes with Playwright. Use when iterating on web-ng, dashboard package, custom React dashboard, customer WiFi map, SRQL topbar, or browser screenshot behavior without rebuilding the web-ng release image.

Web-NG Docker Loop

Use this skill for fast local UI iteration when Docker Compose is already running the ServiceRadar mTLS stack. Prefer this loop over Bazel/release-image rebuilds until the final Docker parity check.

Quick Start

From the ServiceRadar repo root:

bash
.agents/skills/web-ng-docker-loop/scripts/start-local-web-ng.sh

The script:

  • copies root.pem, db-client.pem, and db-client-key.pem from the Docker web-ng cert mount into tmp/web-ng-docker-loop/certs/
  • reads the CNPG app password from the running Docker secret without printing it
  • validates the local host connection to localhost:5455
  • syncs Docker filesystem plugin/dashboard package blobs into tmp/web-ng-docker-loop/plugin-packages/
  • starts mix phx.server in elixir/web-ng on http://localhost:4000

If the app database password in Docker secrets does not match the local CNPG role, rerun once with:

bash
.agents/skills/web-ng-docker-loop/scripts/start-local-web-ng.sh --repair-app-password

That repair path is only for the local Docker Compose stack; it uses the Docker superuser secret to reset the Docker serviceradar role to the Docker app secret.

Dashboard Package Import

After rebuilding a dashboard package, import it into the Docker-backed database without rebuilding web-ng:

bash
.agents/skills/web-ng-docker-loop/scripts/import-dashboard-package.sh \
  /home/mfreeman/src/example-dashboard/dist/manifest.json \
  /home/mfreeman/src/example-dashboard/dist/renderer.js

This imports and enables the package through the running Docker web-ng release RPC, then prints the enabled content hash. Restart the local loop, or rerun it with the default plugin-storage sync enabled, after importing a new dashboard renderer.

Browser Checks

Use $playwright-cli for interactive inspection and screenshots:

bash
playwright-cli open http://localhost:4000/dashboards/wifi-network-map
playwright-cli snapshot
playwright-cli screenshot --filename=tmp/wifi-map-local.png

If authentication is required, obtain the admin password from docker compose logs config-updater without writing it into committed files.

Notes

  • Keep generated certs and screenshots under tmp/; do not commit them.
  • Stop stale local Phoenix servers before starting a new one: pkill -f 'mix phx.server'.
  • Use the Docker route (https://192.168.2.134/...) only for final parity after local checks pass.
  • Run npm run build:js && npm run build:css in elixir/web-ng/assets after JS/CSS changes before browser checks.

© carverauto, Apache-2.0. 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 3 other files (scripts) in .agents/skills/web-ng-docker-loop of carverauto/serviceradar.

  • SKILL.md
  • agents/openai.yaml
  • scripts/import-dashboard-package.sh
  • scripts/start-local-web-ng.sh

Open the folder on GitHubat commit 4caf00b

Compare with similar skills

Web Ng Docker Loop 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.

Web Ng Docker Loop compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Web Ng Docker Loop this skillcarverauto/serviceradar921—~737Automated safety check: PassApache-2.0
Acarshub Tool Additionssdr-enthusiasts/docker-acarshub117—~707Automated safety check: PassGPL-3.0
Docker Containerizationailabs-393/ai-labs-claude-skills454—~2.1kAutomated safety check: NotesMIT
Acarshub Socket Namespacesdr-enthusiasts/docker-acarshub117—~710Automated safety check: PassGPL-3.0
Code PatternsAedelon/claude-code-blueprint120—~1.2kAutomated safety check: PassCustom licence
Deployoliver-kriska/claude-elixir-phoenix564—~1.1kAutomated safety check: PassMIT

Similar skills

  • Acarshub Tool Additions

    sdr-enthusiasts/docker-acarshub

    Use ONLY when working in the docker-acarshub repository AND a task may require adding a system tool, npm package, or other dependency.

    117 GitHub stars~707 tokensUpdated 3 days ago
    DevOps & CloudAuto-check passed

  • Docker Containerization

    ailabs-393/ai-labs-claude-skills

    This skill should be used when containerizing applications with Docker, creating Dockerfiles, docker-compose configurations, or deploying containers to various platforms.

    454 GitHub stars~2.1k tokensUpdated 11 mo ago
    DevOps & CloudAuto-check: notes

  • Acarshub Socket Namespace

    sdr-enthusiasts/docker-acarshub

    Use ONLY when working in the docker-acarshub repository AND touching socket.io code -- emit / on / connect calls on either the React frontend or the Fastify backend.

    117 GitHub stars~710 tokensUpdated 3 days ago
    DevOps & CloudAuto-check passed

  • Code Patterns

    Aedelon/claude-code-blueprint

    Reference patterns for REST APIs, pytest/vitest testing, Docker multi-stage builds, GitHub Actions CI/CD, PostgreSQL, TypeScript generics, Python async, and React Server Components.

    120 GitHub stars~1.2k tokensUpdated 7 mo ago
    DevOps & CloudAuto-check passed

  • Deploy

    oliver-kriska/claude-elixir-phoenix

    Elixir/Phoenix deployment patterns — Dockerfile, fly.toml, runtime.exs, mix release, rel/ overlays.

    564 GitHub stars~1.1k tokensUpdated 2 days ago
    DevOps & CloudAuto-check passed

  • Sandbox npm Install

    github/awesome-copilot

    Official

    Install npm packages in a Docker sandbox environment. An agent skill from github/awesome-copilot.

    40k GitHub starsUsed in 1 repo~951 tokens
    DevOps & CloudAuto-check: warnings

More from carverauto/serviceradar

All 18 skills in this repo

  • Demo Cnpg Local Web Ng

    carverauto/serviceradar

    Run ServiceRadar web-ng locally against the live Kubernetes demo CNPG database for dashboard, SRQL, services, and UI testing.

    921 GitHub stars~672 tokensUpdated today
    Auto-check passed

  • Demo Local Rollout

    carverauto/serviceradar

    Build unpublished sha-... An agent skill from carverauto/serviceradar.

    921 GitHub stars~4.2k tokensUpdated today
    Auto-check passed

  • Demo Web Ng Fastpath

    carverauto/serviceradar

    Refresh the Kubernetes demo namespace with a web-ng-only change using the ServiceRadar fast path.

    921 GitHub stars~2.4k tokensUpdated today
    Auto-check passed

  • Fieldsurvey Local Web Ng

    carverauto/serviceradar

    Run ServiceRadar web-ng locally against the Kubernetes demo namespace FieldSurvey data, including CNPG NodePort access, NATS Object Store artifact access, authenticated browser checks, and…

    921 GitHub stars~785 tokensUpdated today
    Auto-check passed

  • Release Cut And Demo Roll

    carverauto/serviceradar

    Cut a ServiceRadar release and roll the Kubernetes demo namespace to the resulting published semver image tag through the guarded ArgoCD release branch.

    921 GitHub stars~3.9k tokensUpdated today
    Auto-check passed

  • Daisyui

    carverauto/serviceradar

    Official daisyUI component library skill. An agent skill from carverauto/serviceradar.

    921 GitHub stars~1.3k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Web Ng Docker Loop

What does Web Ng Docker Loop do?

Run ServiceRadar elixir/web-ng locally against the Docker Compose CNPG database with copied mTLS certs and Docker secrets, then verify dashboard UI changes with Playwright. Web Ng Docker Loop is an agent skill from carverauto/serviceradar. Run ServiceRadar elixir/web-ng locally against the Docker Compose CNPG database with copied mTLS certs and Docker secrets, then verify dashboard UI changes with Playwright.

When should I use Web Ng Docker Loop?

Web Ng Docker Loop fits situations like: iterating on web-ng; dashboard package; custom React dashboard; customer WiFi map.

How do I install Web Ng Docker Loop in Claude Code?

Run `npx skills add carverauto/serviceradar --skill web-ng-docker-loop -a claude-code`. Or copy the skill folder (.agents/skills/web-ng-docker-loop in carverauto/serviceradar) into .claude/skills/web-ng-docker-loop in your project. Claude Code loads it when a task matches its description.

How do I install Web Ng Docker Loop in Codex?

Run `npx skills add carverauto/serviceradar --skill web-ng-docker-loop -a codex`. Or copy the skill folder (.agents/skills/web-ng-docker-loop in carverauto/serviceradar) into .agents/skills/web-ng-docker-loop in your project. Codex loads it when a task matches its description.

Can I use Web Ng Docker Loop 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 carverauto/serviceradar --skill web-ng-docker-loop -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/web-ng-docker-loop, .gemini/skills/web-ng-docker-loop, .github/skills/web-ng-docker-loop and .opencode/skills/web-ng-docker-loop in your project.

What does Web Ng Docker Loop need to run?

Going by SKILL.md and its folder, Web Ng Docker Loop needs a shell for the scripts in its folder and the command-line tools its instructions call (npm and docker). Our summary lists: A Bash shell; Docker.

Does Web Ng Docker Loop access the network?

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

Is Web Ng Docker Loop 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Web Ng Docker Loop use?

Web Ng Docker Loop is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Web Ng Docker Loop use?

About 737 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 Web Ng Docker Loop?

Skills that share tags, products or a category with Web Ng Docker Loop: Acarshub Tool Additions (sdr-enthusiasts/docker-acarshub, 117 stars), Docker Containerization (ailabs-393/ai-labs-claude-skills, 454 stars), Acarshub Socket Namespace (sdr-enthusiasts/docker-acarshub, 117 stars) and Code Patterns (Aedelon/claude-code-blueprint, 120 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Web Ng Docker Loop?

carverauto (a GitHub organization) maintains it in carverauto/serviceradar, which has 921 GitHub stars. The repository holds 18 skills in this directory. The repository was last updated on October 7, 2026.

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