refactoring-the-assembled-ui SKILL.md skillC

refactoring-the-assembled-ui from aleksandarbisevac/claude-plugins is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add aleksandarbisevac/claude-plugins/refactoring-the-assembled-ui@git:20261021.c403486

Pins git:20261021.c403486 in mdr.lock. Pin the fingerprint instead.

Audit grade
C, 15 of 17 checks passed
Kind
SKILL.md skill
Repository
aleksandarbisevac/claude-plugins
Path
.claude/skills/refactoring-the-assembled-ui/SKILL.md
Versions recorded
8
Latest version
git:20261021.c403486, committed Oct 21, 2026
First version recorded
Aug 20, 2026
Size
27,037 bytes
Repository stars
4
License
MIT

Edit, split or share the CSS and JavaScript under plugins/audit/scripts/ui/ — files Python concatenates into one inline <style> and one inline <script> carrying code, in a self-contained page opened over file://. Covers the assembly contract and the byte-level pins in tests/ that guard it, why the split must be an order-preserving cut rather than a regrouping, the index-slice assertions that make section-marker comments load-bearing, the counts that currently enforce duplication, choosing a…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Refactoring the assembled UI

`scripts/ui/` does not hold standalone files. It holds **ordered parts of one artifact**.
`_report_ui.py`, `_panel_ui.py` and `panel-server.py` read them at import and join them into a
single self-contained HTML page. Almost every surprise in this area comes from forgetting that.

## The assembly contract

- **One inline `<style>`, and one inline `<script>` *carrying code*.** The tags live in the Python
  modules, never in the assets — selftests pin both, and pin that the `.js` files carry no
  `<script>` tags of their own.

  *Carrying code* is not hedging. The panel emits one of each; **the shipped report emits three
  `<script>` tags** — `window.AUDIT_USAGE` (2.6 KB of data), `window.AUDIT_MD_B64` (the 6.9 KB
  base64 Markdown twin), and the code (81 KB). Check the artifact, not this sentence:
  `grep -c '<script' examples/acme-store/acme-store-audit.html` prints 3.

  The pin that reads `SCRIPT.count("<script>") == 1` counts tags in a **Python string** — the code
  block alone — not in the page. It has never contradicted the above, which is exactly why the
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add aleksandarbisevac/claude-plugins/refactoring-the-assembled-ui@sha256:7c9faea3d349dea3

The line at the top of this page pins the label git:20261021.c403486, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_nlcfht2gzapnxcjk.svg)](https://markdownregistry.com/a/art_nlcfht2gzapnxcjk)

4 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 8 versions of this file, between Aug 20, 2026 and Oct 21, 2026, about one every 9 days.

versioncommittedcommitsizeaudit
git:20261021.c403486 latest2026-10-21 c403486 27,037 BC view · diff
git:20261021.9a7674a2026-10-21 9a7674a 27,025 BC view · diff
git:20261019.1b5a0472026-10-19 1b5a047 27,095 BC view · diff
git:20260825.86e58ef2026-08-25 86e58ef 27,116 BC view · diff
git:20260823.04782fb2026-08-23 04782fb 26,831 BC view · diff
git:20260823.086731e2026-08-23 086731e 24,946 BC view · diff
git:20260822.56622f02026-08-22 56622f0 23,806 BC view · diff
git:20260820.05db2b82026-08-20 05db2b8 23,896 BC view

Audit of the latest version

C  15 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No link to a raw IP address (matched: http://127.0.0.1)
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (27037 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

aleksandarbisevac/claude-plugins · 4 stars · license MIT · pushed 2026-11-05 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_nlcfht2gzapnxcjk
GET https://markdownregistry.com/api/v1/resolve?ref=aleksandarbisevac/claude-plugins/refactoring-the-assembled-ui
GET https://markdownregistry.com/api/v1/blob/7c9faea3d349dea39acb8d0098d2c8e3ab99b72be59e2a375c8e900667043da2

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from aleksandarbisevac/claude-plugins

before-you-claim SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/before-you-claim/SKILL.md · Seven questions answered with evidence at the moment a change is written, one for each defect class this repo's fault…
git:20260913.fc83c3c · audit A · 4 stars
choosing-what-to-optimize SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/choosing-what-to-optimize/SKILL.md · Decide what is worth making faster in this repo, and prove it paid — measure the thing instead of grepping for it…
git:20260822.a99edbd · audit A · 4 stars
grill-me SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/grill-me/SKILL.md · Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of…
git:20260822.eac1665 · audit A · 4 stars
no-silent-pass SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/no-silent-pass/SKILL.md · Write Python whose failures are visible and checks that actually fire — distinct sentinels for success and error…
git:20261021.c403486 · audit B · 4 stars
orchestrating-parallel-work SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/orchestrating-parallel-work/SKILL.md · How to run several subagents against one repository without losing their work or misreporting it — taking a worktree's…
git:20260913.e5b743c · audit A · 4 stars
reproducing-ci-locally SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/reproducing-ci-locally/SKILL.md · Run the CI gate on your machine so it agrees with the runner — deriving the exact command, paths, markers, and env from…
git:20261020.9da74f3 · audit A · 4 stars
running-resumable-sync-jobs SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/running-resumable-sync-jobs/SKILL.md · Design and review long-running batch or sync jobs that process many items against a remote API and persist checkpoint…
git:20260816.dd21600 · audit A · 4 stars
verifying-external-behavior SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/verifying-external-behavior/SKILL.md · Confirms what a third-party library, remote API, build backend, or scraped document actually does before writing code…
git:20260816.dd21600 · audit A · 4 stars
writing-css SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/writing-css/SKILL.md · How CSS is written in this repo — every value comes from a design token, one component gets one name across both…
git:20260911.ae46613 · audit A · 4 stars
writing-javascript SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/writing-javascript/SKILL.md · How browser JavaScript is written in this repo — both surfaces now speak one modern dialect and this says what that…
git:20261019.1b5a047 · audit C · 4 stars
writing-python SKILL.md skill
aleksandarbisevac/claude-plugins · .claude/skills/writing-python/SKILL.md · How Python is written in this repo — free functions over classes, structured returns instead of mutated arguments…
git:20261029.8e46457 · audit A · 4 stars
CLAUDE.md CLAUDE.md file
aleksandarbisevac/claude-plugins · CLAUDE.md
git:20261105.b0754f7 · audit B · 4 stars

Every file in aleksandarbisevac/claude-plugins

Browse by kind, by grade C, or by owner.