variant-design SKILL.md skillA

variant-design from yuqingnicole/variant-design-skill is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add yuqingnicole/variant-design-skill/variant-design@git:20261010.f6ae153

Pins git:20261010.f6ae153 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
yuqingnicole/variant-design-skill
Path
SKILL.md
Versions recorded
12
Latest version
git:20261010.f6ae153, committed Oct 10, 2026
First version recorded
May 27, 2026
Size
9,835 bytes
Repository stars
47
License
MIT

Create, vary, review, or extend product interfaces. Routes design generation, design systems, components, existing-site analysis, UX review, presentations, WeChat layouts, brand color, and anti-AI copywriting to focused references while preserving project context and producing runnable code when requested.

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

# Variant Design

Turn one brief into deliberate design options, compare them on shared criteria, and carry the strongest direction into working code.

In commands below, `<skill-root>` means the directory containing this `SKILL.md`. Resolve it before running bundled scripts; do not assume the user's project contains this skill's `scripts/` directory.

## Runtime and first use

Use the current code workspace as the target project, not the installed plugin directory. Keep generated output, history, and preview adapters in the target project. The installed skill is read-only during product work.

Bundled scripts require Node.js 22 or later. Before executing them, check the available runtime and the project's package manager. If unavailable, explain the missing runtime and preserve any generated candidate; do not claim that snapshots or preview verification ran. Use the existing framework and dependencies; do not replace the project's stack to fit a helper.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add yuqingnicole/variant-design-skill/variant-design@sha256:c607b0c2d104dd7d

The line at the top of this page pins the label git:20261010.f6ae153, 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_erkjme2iflaupt2a.svg)](https://markdownregistry.com/a/art_erkjme2iflaupt2a)

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

Versions

The registry has recorded 12 versions of this file, between May 27, 2026 and Oct 10, 2026, about one every 12 days. Its first recorded version is graded B and its latest A.

versioncommittedcommitsizeaudit
git:20261010.f6ae153 latest2026-10-10 f6ae153 9,835 BA view · diff
git:20261010.37fe9962026-10-10 37fe996 9,555 BA view · diff
git:20261008.17112052026-10-08 1711205 9,391 BA view · diff
git:20261007.b552c572026-10-07 b552c57 9,486 BA view · diff
git:20261007.c2c07362026-10-07 c2c0736 9,206 BA view · diff
git:20261007.cbd045c2026-10-07 cbd045c 9,042 BA view · diff
git:20261005.4992c342026-10-05 4992c34 8,596 BA view · diff
git:20260927.142e43a2026-09-27 142e43a 7,543 BA view · diff
git:20260927.f9d8d402026-09-27 f9d8d40 7,098 BA view · diff
git:20260813.f6ca9432026-08-13 f6ca943 120,443 BB view · diff
git:20260527.81338752026-05-27 8133875 116,507 BB view · diff
git:20260527.f826ef52026-05-27 f826ef5 111,153 BB 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 (9835 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

yuqingnicole/variant-design-skill · 47 stars · license MIT · pushed 2026-10-10 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_erkjme2iflaupt2a
GET https://markdownregistry.com/api/v1/resolve?ref=yuqingnicole/variant-design-skill/variant-design
GET https://markdownregistry.com/api/v1/blob/c607b0c2d104dd7d002c9f6e7a69deb764a02f8cdfc032dd0c524ce5700330c6

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 yuqingnicole/variant-design-skill

variant-analyze SKILL.md skill
yuqingnicole/variant-design-skill · skills/variant-analyze/SKILL.md · Audit existing sites, extract design tokens, generate style-matched pages. Runs consistency checks and Visual Quality…
git:20261005.4992c34 · audit A · 47 stars
variant-component SKILL.md skill
yuqingnicole/variant-design-skill · skills/variant-component/SKILL.md · Generate isolated UI components with all 8 states and variants — button systems, forms, cards, modals, nav. Design…
git:20261005.4992c34 · audit A · 47 stars
variant-design-system SKILL.md skill
yuqingnicole/variant-design-skill · skills/variant-design-system/SKILL.md · Design System mode — tokens → components → pages three-layer workflow. Generate a complete token set…
git:20261005.4992c34 · audit A · 47 stars
variant-generate SKILL.md skill
yuqingnicole/variant-design-skill · skills/variant-generate/SKILL.md · Generate 3 distinct design variations from a prompt. Each variation expresses a distinct product trade-off; locked…
git:20261007.c2c0736 · audit A · 47 stars
variant-ux SKILL.md skill
yuqingnicole/variant-design-skill · skills/variant-ux/SKILL.md · UX Review mode — heuristic evaluation (Nielsen's 10), cognitive load analysis, mental model diagnosis, affordance…
git:20261005.4992c34 · audit A · 47 stars

Every file in yuqingnicole/variant-design-skill

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