Home / plugin87 / ux-ui-agent-skills · design-systems/library/supabase/DESIGN.md · GitHub

DESIGN.md@design-systems/library/supabase designA

This file is byte-identical to the first copy the registry indexed, one of 3 copies on public GitHub. Same content hash, same audit grade.

DESIGN.md@design-systems/library/supabase is agent-read markdown (design) from plugin87/ux-ui-agent-skills.

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.

What the file says

# Design System Inspired by Supabase

> Category: Backend & Data
> Open-source Firebase alternative. Dark emerald theme, code-first.

## 1. Visual Theme & Atmosphere

Supabase's website is a dark-mode-native developer platform that channels the aesthetic of a premium code editor — deep black backgrounds (`#0f0f0f`, `#171717`) with emerald green accents (`#3ecf8e`, `#00c573`) that reference the brand's open-source, PostgreSQL-green identity. The design system feels like it was born in a terminal window and evolved into a sophisticated marketing surface without losing its developer soul.

The typography is built on "Circular" — a geometric sans-serif with rounded terminals that softens the technical edge. At 72px with a 1.00 line-height, the hero text is compressed to its absolute minimum vertical space, creating dense, impactful statements that waste nothing. The monospace companion (Source Code Pro) appears sparingly for uppercase technical labels with 1.2px letter-spacing, creating the "developer console" markers that connect the marketing site to the product experience.
…

Read the whole file at its exact version.

How to install

Latest version
mdr add plugin87/ux-ui-agent-skills/design-systems/library/supabase/DESIGN.md@git:20260606.6754e5a
Exact content
mdr add plugin87/ux-ui-agent-skills/design-systems/library/supabase/DESIGN.md@sha256:341a8ad07bedf913

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_yh44u2xkik2zac6e.svg)](https://markdownregistry.com/a/art_yh44u2xkik2zac6e)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260606.6754e5a latest2026-06-06 6754e5a 14,896 BA view

Audit of the latest version

A  14 of 14 checks passed. Deterministic, no model, same answer every run.
  • pass: Size between 200 bytes and 200 KB (14896 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

plugin87/ux-ui-agent-skills · 1,449 stars · license MIT · pushed 2026-09-16 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_yh44u2xkik2zac6e
GET https://markdownregistry.com/api/v1/resolve?ref=plugin87/ux-ui-agent-skills/design-systems/library/supabase/DESIGN.md
GET https://markdownregistry.com/api/v1/blob/341a8ad07bedf9134060f4c279007d6f920483e3b846ab6ce1d95a7c7b5b6914

Your agent 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.

More from plugin87/ux-ui-agent-skills

a11y-audit skill
plugin87/ux-ui-agent-skills · .claude/skills/a11y-audit/SKILL.md · Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity…
git:20260824.db721b3 · audit A · 1,449 stars
apply-aesthetic skill
plugin87/ux-ui-agent-skills · .claude/skills/apply-aesthetic/SKILL.md · Apply a visual direction — an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of…
git:20260824.db721b3 · audit A · 1,449 stars
brandkit skill
plugin87/ux-ui-agent-skills · .claude/skills/brandkit/SKILL.md · Generate a complete, accessible brand design system from a brief — primitive → semantic → component DTCG tokens (color…
git:20260824.db721b3 · audit A · 1,449 stars
data-dashboard skill
plugin87/ux-ui-agent-skills · .claude/skills/data-dashboard/SKILL.md · Build a dense, data-heavy screen - an analytics console or a trading terminal - with real charts drawn from tokens…
git:20260915.41a5538 · audit A · 1,449 stars
design-code skill
plugin87/ux-ui-agent-skills · .claude/skills/design-code/SKILL.md · Generate production-ready, accessible, token-driven component code for ANY framework — React+Tailwind, Next.js…
git:20260824.db721b3 · audit A · 1,449 stars
design-component skill
plugin87/ux-ui-agent-skills · .claude/skills/design-component/SKILL.md · Design a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and…
git:20260824.db721b3 · audit A · 1,449 stars
design-doctrine skill
plugin87/ux-ui-agent-skills · .claude/skills/design-doctrine/SKILL.md · The house rules for ANY design or UI work - the verification protocol (run the gate, never claim a number), the…
git:20260913.8192b34 · audit A · 1,449 stars
design-qa skill
plugin87/ux-ui-agent-skills · .claude/skills/design-qa/SKILL.md · Set up or run design QA gates — token + hardcoded-value lint, automated a11y (axe), contrast, visual regression across…
git:20260824.db721b3 · audit A · 1,449 stars
design-review skill
plugin87/ux-ui-agent-skills · .claude/skills/design-review/SKILL.md · Review or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table…
git:20260824.db721b3 · audit A · 1,449 stars
design-tokens skill
plugin87/ux-ui-agent-skills · .claude/skills/design-tokens/SKILL.md · Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic →…
git:20260824.db721b3 · audit A · 1,449 stars
figma-integration skill
plugin87/ux-ui-agent-skills · .claude/skills/figma-integration/SKILL.md · Keep Figma and code in sync — map the 3-tier DTCG tokens to Figma Variables (collections + modes), sync in either…
git:20260824.db721b3 · audit A · 1,449 stars
governance skill
plugin87/ux-ui-agent-skills · .claude/skills/governance/SKILL.md · Govern how the design system evolves — SemVer for tokens/components, the contribution workflow, deprecation policy, and…
git:20260824.db721b3 · audit A · 1,449 stars

Every file in plugin87/ux-ui-agent-skills

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