Home / darknecrocities / skillbuilder · GitHub

web-ui Cursor ruleA

web-ui from darknecrocities/skillbuilder is a Cursor rule: instructions the Cursor agent follows in that repo.

Install it, pinned
mdr add darknecrocities/skillbuilder/.cursor/rules/web-ui.mdc@git:20261029.1aa6bef

Pins git:20261029.1aa6bef in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 14 of 14 checks passed
Kind
Cursor rule
Repository
darknecrocities/skillbuilder
Path
.cursor/rules/web-ui.mdc
Versions recorded
1
Latest version
git:20261029.1aa6bef, committed Oct 29, 2026
Size
5,847 bytes
Repository stars
13
License
none declared

Modern web design systems, Component-Level Container Queries (@container), CSS View Transitions API, OKLCH perceptual color spaces, fluid clamp() typography curves, and single-zenith sub-pixel lighting craftsmanship.

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

# Modern Web Design Systems & Responsive Engineering

The `web-ui` skill establishes modern engineering standards for responsive, fluid, and visually pristine web applications. It replaces outdated viewport-only media queries, abrupt DOM redraws, and inconsistent sRGB/HSL color calculations with Component-Level Container Queries, the CSS View Transitions API, mathematically uniform OKLCH palettes, and fluid `clamp()` spatial scaling.

---

## 1. Quick Navigation & Progressive Disclosure

| Resource Type | Document | Description |
| :--- | :--- | :--- |
| **Reference** | [references/container-queries-guide.md](references/container-queries-guide.md) | Component container context declarations, `@container` queries, Tailwind v4 `@container`. |
| **Reference** | [references/oklch-and-fluid-typography.md](references/oklch-and-fluid-typography.md) | Human perceptual OKLCH color spaces, fluid clamp() typography and spacing curves. |
| **Utility** | [scripts/verify_web_ui_hygiene.py](scripts/verify_web_ui_hygiene.py) | Audits web stylesheets for viewport-only media query reliance, stepped fonts, and sRGB/HSL clashing. |

---

## 2. Component-Level Container Queries (`@container`)
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add darknecrocities/skillbuilder/.cursor/rules/web-ui.mdc@sha256:e0ab7c9ab44aa0ab

The line at the top of this page pins the label git:20261029.1aa6bef, 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_2vmhugqkqos3yeyg.svg)](https://markdownregistry.com/a/art_2vmhugqkqos3yeyg)

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

Versions

The registry has recorded 1 version of this file, committed on Oct 29, 2026.

versioncommittedcommitsizeaudit
git:20261029.1aa6bef latest2026-10-29 1aa6bef 5,847 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 (5847 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

darknecrocities/skillbuilder · 13 stars · license none declared · pushed 2026-10-29 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_2vmhugqkqos3yeyg
GET https://markdownregistry.com/api/v1/resolve?ref=darknecrocities/skillbuilder/.cursor/rules/web-ui.mdc
GET https://markdownregistry.com/api/v1/blob/e0ab7c9ab44aa0ab42a963037f785b777355106e9a56f4da2c67291282f4277b

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: Cursor rules vs AGENTS.md · which agent file does what.

More from darknecrocities/skillbuilder

3d Cursor rule
darknecrocities/skillbuilder · .cursor/rules/3d.mdc · Interactive 3D WebGL, Three.js, and React Three Fiber (R3F) engineering skill. Enforces 60fps budgets, PBR materials…
git:20261029.1aa6bef · audit A · 13 stars
ai Cursor rule
darknecrocities/skillbuilder · .cursor/rules/ai.mdc · Architect, implement, and maintain production AI systems, Gemini API agents, Antigravity multi-agent orchestration…
git:20261029.1aa6bef · audit A · 13 stars
anti-slop Cursor rule
darknecrocities/skillbuilder · .cursor/rules/anti-slop.mdc · Anti-AI-slop and clean craftsmanship skill. Eliminates decorative badges, fake mock databases, neon gradients, obvious…
git:20261029.1aa6bef · audit A · 13 stars
antigravity-automation Cursor rule
darknecrocities/skillbuilder · .cursor/rules/antigravity-automation.mdc · Automate recurring, background, event-driven, and multi-agent workflows in Google Antigravity. Crafts scheduled…
git:20261029.1aa6bef · audit A · 13 stars
api-design Cursor rule
darknecrocities/skillbuilder · .cursor/rules/api-design.mdc · API contract design and OpenAPI 3.1 specification skill. Enforces RFC 7807 problem details, idempotency headers, and…
git:20261029.1aa6bef · audit A · 13 stars
aws Cursor rule
darknecrocities/skillbuilder · .cursor/rules/aws.mdc · Amazon Web Services resilient cloud architecture, serverless Lambda execution, S3 bucket security, DynamoDB…
git:20261029.1aa6bef · audit A · 13 stars
backend Cursor rule
darknecrocities/skillbuilder · .cursor/rules/backend.mdc · Architect, implement, and maintain resilient backend services, clean architecture, REST/gRPC API contracts, strict…
git:20261029.1aa6bef · audit A · 13 stars
continuous-learning Cursor rule
darknecrocities/skillbuilder · .cursor/rules/continuous-learning.mdc · Continuous conversational learning protocol (CLP) skill. Persists user corrections and project conventions to…
git:20261029.1aa6bef · audit A · 13 stars
data-pipelines Cursor rule
darknecrocities/skillbuilder · .cursor/rules/data-pipelines.mdc · Data pipeline engineering, streaming ETL with backpressure, Apache Arrow memory structures, DuckDB in-process…
git:20261029.1aa6bef · audit A · 13 stars
database Cursor rule
darknecrocities/skillbuilder · .cursor/rules/database.mdc · Architect, implement, and maintain resilient relational and NoSQL databases, zero-downtime schema migrations…
git:20261029.1aa6bef · audit A · 13 stars
devops Cursor rule
darknecrocities/skillbuilder · .cursor/rules/devops.mdc · Architect, implement, and maintain secure cloud infrastructure on GCP/AWS, multi-stage non-root Docker containers…
git:20261029.1aa6bef · audit A · 13 stars
firebase Cursor rule
darknecrocities/skillbuilder · .cursor/rules/firebase.mdc · Firebase serverless architecture, Cloud Firestore schema design, Security Rules (firestore.rules, storage.rules)…
git:20261029.1aa6bef · audit A · 13 stars

Every file in darknecrocities/skillbuilder

Other files named web-ui

web-ui Cursor rule
flowline-io/flowbot · .cursor/rules/web-ui.mdc · Web UI visual design, HTMX/Alpine patterns, and frontend conventions
git:20260823.11c9947 · audit B · 10 stars

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