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

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

> Category: Developer Tools
> AI full-stack builder. Playful gradients, friendly dev aesthetic.

## 1. Visual Theme & Atmosphere

Lovable's website radiates warmth through restraint. The entire page sits on a creamy, parchment-toned background (`#f7f4ed`) that immediately separates it from the cold-white conventions of most developer tool sites. This isn't minimalism for minimalism's sake — it's a deliberate choice to feel approachable, almost analog, like a well-crafted notebook. The near-black text (`#1c1c1c`) against this warm cream creates a contrast ratio that's easy on the eyes while maintaining sharp readability.

The custom Camera Plain Variable typeface is the system's secret weapon. Unlike geometric sans-serifs that signal "tech company," Camera Plain has a humanist warmth — slightly rounded terminals, organic curves, and a comfortable reading rhythm. At display sizes (48px–60px), weight 600 with aggressive negative letter-spacing (-0.9px to -1.5px) compresses headlines into confident, editorial statements. The font uses `ui-sans-serif, system-ui` as fallbacks, acknowledging that the custom typeface carries the brand personality.
…

Read the whole file at its exact version.

How to install

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

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

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260606.6754e5a latest2026-06-06 6754e5a 17,481 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 (17481 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_eu7bn2csfp23pnbm
GET https://markdownregistry.com/api/v1/resolve?ref=plugin87/ux-ui-agent-skills/design-systems/library/lovable/DESIGN.md
GET https://markdownregistry.com/api/v1/blob/8a568b388dca500e2eeb631eb05c6d10b7f64a6bdbd7401634a86ec4e1fd5191

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.