AGENTS.md@packages/uiA

AGENTS.md@packages/ui from webjsdev/webjs is an AGENTS.md file: the standing instructions coding agents read in that repo.

Install it, pinned
mdr add webjsdev/webjs/packages/ui/AGENTS.md@git:20261007.2a9613c

Pins git:20261007.2a9613c in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 14 of 14 checks passed
Kind
AGENTS.md file
Repository
webjsdev/webjs
Path
packages/ui/AGENTS.md
Versions recorded
5
Latest version
git:20261007.2a9613c, committed Oct 7, 2026
First version recorded
Aug 15, 2026
Size
57,617 bytes
Repository stars
27
License
MIT

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

# AGENTS.md : @webjsdev/ui

The webjs **AI-first component library + CLI**, `webjsui init` / `add` /
`list` / `view` / `diff` / `info` / `build` / `lint`. Ships 35 primitives across two
tiers: class-helper functions for visual components, custom elements only
where state matters. Variant names, sizes, and data-attribute conventions
mirror shadcn so existing shadcn knowledge transfers directly.

Framework-wide rules live in the root [`../../AGENTS.md`](../../AGENTS.md) and
apply here. Read that first. This file only covers what's specific to
`@webjsdev/ui`.

## Architecture : composition-first, two tiers

`@webjsdev/ui` ships **class-helper functions** (returning Tailwind class
strings) and **a small set of stateful custom elements**, never bundled
wrappers around native form controls.

### Tier 1 : class helpers (the majority)

Pure functions returning Tailwind class strings. Compose with whatever
native element you want.

```ts
import { buttonClass, cardClass, inputClass, labelClass, fieldClass, hintClass }
  from '@/components/ui';

html`
  <div class=${cardClass()}>
    <form class=${formClass()}>
      <div class=${fieldClass()}>
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add webjsdev/webjs/packages/ui/AGENTS.md@sha256:32000ab9aa5a70aa

The line at the top of this page pins the label git:20261007.2a9613c, 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_h7t2s6cmtnmdakdx.svg)](https://markdownregistry.com/a/art_h7t2s6cmtnmdakdx)

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

Versions

The registry has recorded 5 versions of this file, between Aug 15, 2026 and Oct 7, 2026, about one every 13 days.

versioncommittedcommitsizeaudit
git:20261007.2a9613c latest2026-10-07 2a9613c 57,617 BA view · diff
git:20261007.128fadb2026-10-07 128fadb 57,439 BA view · diff
git:20260918.cb073572026-09-18 cb07357 55,521 BA view · diff
git:20260815.948d8552026-08-15 948d855 47,323 BA view · diff
git:20260815.09f81342026-08-15 09f8134 52,122 BA view

Audit of the latest version

A  14 of 14 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Size between 200 bytes and 200 KB (57617 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
  • pass: No script tag

Source

GitHub

webjsdev/webjs · 27 stars · license MIT · pushed 2026-10-08 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_h7t2s6cmtnmdakdx
GET https://markdownregistry.com/api/v1/resolve?ref=webjsdev/webjs/packages/ui/AGENTS.md
GET https://markdownregistry.com/api/v1/blob/32000ab9aa5a70aa7b8442b7d0ddbf07a9ec9574f3c500051d6862ffbc150983

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: how to write a good AGENTS.md · AGENTS.md vs CLAUDE.md · which agent file does what.

More from webjsdev/webjs

webjs SKILL.md skill
webjsdev/webjs · .agents/skills/webjs/SKILL.md · Build and review WebJs applications. Use when working on WebJs app structure, pages, layouts, routes, server actions…
git:20261008.e0a4867 · audit B · 27 stars
pr-review SKILL.md skill
webjsdev/webjs · .claude/skills/pr-review/SKILL.md · Review a GitHub pull request the way a human reviewer would, entirely inline, and post the review through the GitHub…
git:20260922.7965b7e · audit A · 27 stars
use-railway SKILL.md skill
webjsdev/webjs · .claude/skills/use-railway/SKILL.md · Operate Railway infrastructure: create projects, provision services and databases, manage object storage buckets…
git:20260615.aa5ec36 · audit A · 27 stars
webjs-blog-write SKILL.md skill
webjsdev/webjs · .claude/skills/webjs-blog-write/SKILL.md · Use this skill whenever the task is to write, draft, or substantially edit a webjs blog post (a marketing/engineering…
git:20260728.16198d1 · audit A · 27 stars
webjs-doc-sync SKILL.md skill
webjsdev/webjs · .claude/skills/webjs-doc-sync/SKILL.md · Use this skill whenever a change ships a user-facing or agent-facing surface (a new export, CLI flag, package.json…
git:20260816.720cadc · audit A · 27 stars
webjs-file-issue SKILL.md skill
webjsdev/webjs · .claude/skills/webjs-file-issue/SKILL.md · Use this skill when the user asks to file a new task, create an issue, or track new work on the webjsdev/webjs project…
git:20260808.e7eb5dc · audit A · 27 stars
webjs-instagram-post SKILL.md skill
webjsdev/webjs · .claude/skills/webjs-instagram-post/SKILL.md · Publish an SEO post to the WebJs Instagram account (@webjs_dev). Use this skill whenever the user asks to post to…
git:20260728.16198d1 · audit A · 27 stars
webjs-list-todos SKILL.md skill
webjsdev/webjs · .claude/skills/webjs-list-todos/SKILL.md · Use this skill when the user asks what work is open or pending on the webjsdev/webjs project board. Trigger phrases…
git:20260808.e7eb5dc · audit A · 27 stars
webjs-ready-for-dev SKILL.md skill
webjsdev/webjs · .claude/skills/webjs-ready-for-dev/SKILL.md · Use this skill when the user asks to get one or more tracked issues ready for development. Trigger phrases include "get…
git:20260808.e7eb5dc · audit A · 27 stars
webjs-research-record SKILL.md skill
webjsdev/webjs · .claude/skills/webjs-research-record/SKILL.md · Use this skill to record a research, design, or decision investigation on the webjsdev/webjs project. A research/design…
git:20260808.e7eb5dc · audit A · 27 stars
webjs-scaffold-sync SKILL.md skill
webjsdev/webjs · .claude/skills/webjs-scaffold-sync/SKILL.md · Use this skill whenever a change affects what `webjs create` GENERATES (a new or changed gallery/showcase demo, a new…
git:20260810.c60f226 · audit A · 27 stars
webjs-start-work SKILL.md skill
webjsdev/webjs · .claude/skills/webjs-start-work/SKILL.md · Use this skill when the user asks to start work on a tracked GitHub issue in the webjsdev/webjs project. Trigger…
git:20261008.030b64b · audit B · 27 stars

Every file in webjsdev/webjs

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