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

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

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

DESIGN.md@design-systems/library/mastercard 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 Mastercard

> Category: Fintech & Crypto
> Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth.

## 1. Visual Theme & Atmosphere

Mastercard's experience reads like a warm, editorial magazine built from soft stone and signal orange. The canvas is a muted putty-cream (`#F3F0EE`) — not white, not gray, but a color that feels like the paper of a premium annual report. On top of that canvas, everything that matters is shaped like a stadium, a pill, or a perfect circle. The dominant visual gesture is the **oversized radius**: heroes carry 40-point corners, cards go fully pill-shaped, service images are cropped into circular orbits, and buttons either complete the pill or fit snugly at 20 points. There are almost no sharp corners anywhere on the page.
…

Read the whole file at its exact version.

How to install

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

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

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260606.6754e5a latest2026-06-06 6754e5a 27,110 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 (27110 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_yfmptex554gmlvjz
GET https://markdownregistry.com/api/v1/resolve?ref=plugin87/ux-ui-agent-skills/design-systems/library/mastercard/DESIGN.md
GET https://markdownregistry.com/api/v1/blob/ba5a4f889cd52286b87cd06ebb9646ed91ea631dc6249491c0d27dde940f05c6

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.