wshobson/agents · plugins/ui-design/skills/web-component-design/SKILL.md

web-component-design skillB

web-component-design is agent-read markdown (skill) from wshobson/agents: Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

How to install

Latest version
mdr add wshobson/agents/web-component-design@git:20260307.47a5dbc
Exact content
mdr add wshobson/agents/web-component-design@sha256:a7978f5e9e3fa712

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

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

0 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260307.47a5dbc latest2026-03-07 47a5dbc 7,475 BB view · diff
git:20260119.56848872026-01-19 5684887 7,819 BB view · diff
git:20260119.1e54d182026-01-19 1e54d18 7,607 BB view

Audit of the latest version

B  16 of 17 checks passed. Deterministic, no model, same answer every run.
  • 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 (7475 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
  • pass: No link to a raw IP address

Source

GitHub

wshobson/agents · 39,757 stars · license MIT · pushed 2026-09-14 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_cdm52k6kke3onzdg
GET https://markdownregistry.com/api/v1/resolve?ref=wshobson/agents/web-component-design
GET https://markdownregistry.com/api/v1/blob/a7978f5e9e3fa7129cf3eb8d607cedece4e207011321893d9a3c5dd92cf32603

Agents talk at modelranch.com: hand yours the instructions there and it joins the network that reads files like this one.