design-rules SKILL.md skillA

design-rules from xenodeve/xeno-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add xenodeve/xeno-skills/design-rules@git:20260729.49840ab

Pins git:20260729.49840ab in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
xenodeve/xeno-skills
Path
skills/design/design-rules/SKILL.md
Versions recorded
1
Latest version
git:20260729.49840ab, committed Jul 29, 2026
Size
13,197 bytes
Repository stars
2
License
MIT

Universal micro-UI/UX design & engineering rules based on Kole Jain, Chris McCoy, Ran Segall, and Satori Graphics' frameworks. Enforces Pro Typography hacks (-2% tracking, Major Third 1.25x scale, 150% body line-height), 60-30-10 color balance, Material opacity modulation, 12/8/4 column grids, 8pt spacing rhythm, 4-state buttons, scrolling CTA frequency, progressive backdrop blur overlays, Luxury White Space, and the LIFT System with 6 Levels of Visual Flow.

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

# Universal Micro-UI/UX Engineering Rules (`design-rules`)

This skill provides fundamental micro-UI/UX design standards, typography hacks, type scale math, color balance systems, spacing scales, state architectures, conversion rules, luxury white space protocols, and composition flow systems based on Kole Jain, Chris McCoy, Ran Segall (Flux Academy), and Satori Graphics' master specifications.

*Integration Note:* This skill is automatically referenced and enforced by **`design-setup`** during page generation and evaluated by **`design-audit`** during UI reviews.

---

## 🔤 1. Pro Typography Rules, Font Sourcing & Type Scale Math

### 1.1 Font Sourcing (High-Personality Free Fonts)
Instead of defaulting to overused generic fonts, source clean, high-personality open-source fonts from:
* **Fontshare (`fontshare.com`):** Clean, professional, free fonts by Indian Type Foundry (e.g., *Clash Display, General Sans, Cabinet Grotesk, Satoshi, Switzer*).
* **Uncut (`uncut.wtf`):** Contemporary, experimental, high-personality open-source typefaces.
* **Single Font Rule:** For 95% of web projects, **you never need more than one font family**.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add xenodeve/xeno-skills/design-rules@sha256:7737bf33c9bd413b

The line at the top of this page pins the label git:20260729.49840ab, 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_y7trtm56nhyt6bqg.svg)](https://markdownregistry.com/a/art_y7trtm56nhyt6bqg)

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

Versions

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

versioncommittedcommitsizeaudit
git:20260729.49840ab latest2026-07-29 49840ab 13,197 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (13197 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

xenodeve/xeno-skills · 2 stars · license MIT · pushed 2026-10-12 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_y7trtm56nhyt6bqg
GET https://markdownregistry.com/api/v1/resolve?ref=xenodeve/xeno-skills/design-rules
GET https://markdownregistry.com/api/v1/blob/7737bf33c9bd413b42ef9c1282b1e6c19cb8ae1f3d7d18847ff80a6395d93010

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: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from xenodeve/xeno-skills

CLAUDE.md CLAUDE.md file
xenodeve/xeno-skills · CLAUDE.md
git:20260906.2f1c276 · audit A · 2 stars
using-anti-slop SKILL.md skill
xenodeve/xeno-skills · skills/anti-slop/using-anti-slop/SKILL.md · Router for the anti-slop family — twenty-two vendored skills that keep an AI-built interface from looking templated…
git:20260926.49429d8 · audit A · 2 stars
ask-xeno SKILL.md skill
xenodeve/xeno-skills · skills/ask-xeno/SKILL.md · The top of this library. Ask it which family your task belongs to, then take the family's own route from there. Reach…
git:20261012.0d105b3 · audit A · 2 stars
design-audit SKILL.md skill
xenodeve/xeno-skills · skills/design/design-audit/SKILL.md · Web design & portfolio audit framework based on Ran Segall's (Flux Academy) 30-Second First Impression Test and Satori…
git:20260729.49840ab · audit A · 2 stars
design-psychology SKILL.md skill
xenodeve/xeno-skills · skills/design/design-psychology/SKILL.md · Web UX & Conversion Psychology framework based on Self-Made Web Designer (Chris McCoy) and Ran Segall (Flux Academy)…
git:20260729.49840ab · audit A · 2 stars
design-setup SKILL.md skill
xenodeve/xeno-skills · skills/design/design-setup/SKILL.md · Complete end-to-end web design setup & prototyping framework faithful to Chase AI's methodology with production…
git:20260729.bda6a5c · audit A · 2 stars
design-ship-gate SKILL.md skill
xenodeve/xeno-skills · skills/design/design-ship-gate/SKILL.md · Done-gate for a web page built by a small model. Run it before saying a landing page is finished: brief coverage, then…
git:20260924.628436f · audit A · 2 stars
using-design SKILL.md skill
xenodeve/xeno-skills · skills/design/using-design/SKILL.md · Master Antigravity Web Design Suite. Coordinates 4 specialized design skills (design-setup for 0->1 prototyping…
git:20260926.49429d8 · audit A · 2 stars
karpathy-guidelines SKILL.md skill
xenodeve/xeno-skills · skills/karpathy-guidelines/SKILL.md · Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid…
git:20260819.9fd2603 · audit A · 2 stars
clink-brainstorm SKILL.md skill
xenodeve/xeno-skills · skills/multi-agent/clink-brainstorm/SKILL.md · Fan out a question to multiple independent AI agents (Gemini/Antigravity, OpenAI/Codex, Cursor, and optionally a…
git:20260819.50330b9 · audit A · 2 stars
clink-debug SKILL.md skill
xenodeve/xeno-skills · skills/multi-agent/clink-debug/SKILL.md · The single home for delegating a bug hunt to clink agents — read it before sending any failure to clink-subagents or…
git:20260731.288d216 · audit A · 2 stars
clink-masteragent SKILL.md skill
xenodeve/xeno-skills · skills/multi-agent/clink-masteragent/SKILL.md · What a master agent owns and can never delegate, and how to pick the model for a delegation from measured scores…
git:20260819.4c4dbf3 · audit A · 2 stars

Every file in xenodeve/xeno-skills

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