design SKILL.md skillA

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

Install it, pinned
mdr add ericrisco/rsc-harness/design@git:20261021.798a8eb

Pins git:20261021.798a8eb in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
ericrisco/rsc-harness
Path
skills/design/SKILL.md
Versions recorded
6
Latest version
git:20261021.798a8eb, committed Oct 21, 2026
First version recorded
Aug 21, 2026
Size
32,083 bytes
Repository stars
236
License
MIT

Use when designing, polishing or auditing a web UI or landing page — visual concept, type/color/spacing/motion tokens, composition, rescuing a UI that reads AI-generic, or a graded review. Brand-grounded, research-first; ships Tailwind v4 + Next.js 15 under WCAG 2.2 AA and Core Web Vitals budgets. NOT the words on the page (that is `marketing`), NOT the App Router build (that is `nextjs`).

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

# Design — Product UI, Landing Pages & Conversion Copy

**Hand-off — the visual system vs the craft of motion.** This skill owns the visual system and page
composition, and sets motion *intent + budget* only. The **implementation** of an animation is
`../motion-craft/SKILL.md`'s; how a piece of interface should be BUILT — boundaries, state, the
loading and empty and error states — is `../ui-engineering/SKILL.md`'s. When a request could belong to
several of those, start from the one that owns the decision, not the one that owns the file. The motion reference in
this skill defers its mechanics to them rather than restating them.

*Research the best current work, then ship a premium, accessible, fast, high-converting interface.*

> **SDD gate.** If this fired on a **new, non-trivial feature or behaviour change** and there is **no approved spec + plan** under `02-DOCS/wiki/sdd/`, hand off to `../specify/SKILL.md` first — it runs brainstorm → spec → plan → tasks before any code, then routes back here once the plan is approved. Build straight from here only for a genuinely one-line / low-risk change. Method: `../sdd/SKILL.md`.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add ericrisco/rsc-harness/design@sha256:0e8bb023a1eadfd0

The line at the top of this page pins the label git:20261021.798a8eb, 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_5jkkpmhqv4x3eszi.svg)](https://markdownregistry.com/a/art_5jkkpmhqv4x3eszi)

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

Versions

The registry has recorded 6 versions of this file, between Aug 21, 2026 and Oct 21, 2026, about one every 12 days.

versioncommittedcommitsizeaudit
git:20261021.798a8eb latest2026-10-21 798a8eb 32,083 BA view · diff
git:20260901.09d08c92026-09-01 09d08c9 26,600 BA view · diff
git:20260824.7ebebaf2026-08-24 7ebebaf 26,575 BA view · diff
git:20260824.a1e713b2026-08-24 a1e713b 25,845 BA view · diff
git:20260824.95026592026-08-24 9502659 25,828 BA view · diff
git:20260821.06919c42026-08-21 06919c4 25,803 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 (32083 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

ericrisco/rsc-harness · 236 stars · license MIT · pushed 2026-10-21 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_5jkkpmhqv4x3eszi
GET https://markdownregistry.com/api/v1/resolve?ref=ericrisco/rsc-harness/design
GET https://markdownregistry.com/api/v1/blob/0e8bb023a1eadfd05865f9f7ef8c270287e01a1db2a3d0ddc66683d06dfa45f7

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 ericrisco/rsc-harness

llms.txt@site llms.txt file
ericrisco/rsc-harness · site/llms.txt
git:20261021.031a776 · audit A · 236 stars
ab-testing SKILL.md skill
ericrisco/rsc-harness · skills/ab-testing/SKILL.md · Use when designing or analyzing a controlled experiment — falsifiable hypothesis, sample size from an MDE, reading…
git:20260729.3ecb845 · audit A · 236 stars
accessibility SKILL.md skill
ericrisco/rsc-harness · skills/accessibility/SKILL.md · Use when making a web UI conform to WCAG 2.2 Level AA — axe-core or Lighthouse a11y violations, keyboard operability…
git:20260729.3ecb845 · audit A · 236 stars
ads SKILL.md skill
ericrisco/rsc-harness · skills/ads/SKILL.md · Use when running or fixing paid acquisition on Google or Meta — campaign structure (Performance Max, Demand Gen…
git:20261011.c7821cd · audit A · 236 stars
agent-eval SKILL.md skill
ericrisco/rsc-harness · skills/agent-eval/SKILL.md · Use when measuring whether an LLM or agent system actually got better and gating merges on it: golden sets, fixing an…
git:20260729.3ecb845 · audit A · 236 stars
agent-safety SKILL.md skill
ericrisco/rsc-harness · skills/agent-safety/SKILL.md · Use when bounding an LLM agent that already runs — scoping its task domain, gating tools to least privilege, defending…
git:20260729.3ecb845 · audit A · 236 stars
ai-media SKILL.md skill
ericrisco/rsc-harness · skills/ai-media/SKILL.md · Use when a creative goal must become a finished media file: pick and order generative-media models per modality — AI…
git:20261021.031a776 · audit A · 236 stars
analytics SKILL.md skill
ericrisco/rsc-harness · skills/analytics/SKILL.md · Use when instrumenting product or web analytics — GA4/PostHog SDK wiring, event taxonomy, funnels, double-counted…
git:20260729.3ecb845 · audit B · 236 stars
analyze SKILL.md skill
ericrisco/rsc-harness · skills/analyze/SKILL.md · Use when constitution, spec, plan and tasks all exist and you want them cross-read against each other before any code…
git:20261003.f0c84d6 · audit A · 236 stars
angular SKILL.md skill
ericrisco/rsc-harness · skills/angular/SKILL.md · Use when building, refactoring, or debugging Angular (v20/21+): standalone components, signals, zoneless change…
git:20260729.3ecb845 · audit A · 236 stars
api-connector-builder SKILL.md skill
ericrisco/rsc-harness · skills/api-connector-builder/SKILL.md · Use when writing a client for someone else's REST or GraphQL API: auth flow choice and token refresh, pagination to…
git:20260729.3ecb845 · audit A · 236 stars
api-design SKILL.md skill
ericrisco/rsc-harness · skills/api-design/SKILL.md · Use when settling the contract of an API you expose, before implementation: resources/URLs, REST vs GraphQL…
git:20260729.3ecb845 · audit A · 236 stars

Every file in ericrisco/rsc-harness

Other files named design

design SKILL.md skill
yeachan-heo/gajae-code · packages/coding-agent/test/fixtures/gjc-plugins/valid-six-surface-bundle/subskills/design/SKILL.md · Adds domain design guidance for ralplan planner phase.
git:20260626.8caa779 · audit A · 3,016 stars
design SKILL.md skill
yeachan-heo/gajae-code · packages/coding-agent/test/fixtures/gjc-plugins/malicious-mixed-root/subskills/design/SKILL.md · Valid binding in mixed root.
git:20260605.e17540f · audit B · 3,016 stars
design SKILL.md skill
yeachan-heo/gajae-code · packages/coding-agent/test/fixtures/gjc-plugins/valid-skill-plugin/subskills/design/SKILL.md · Adds domain design guidance for ralplan planner phase.
git:20260605.e17540f · audit A · 3,016 stars
design SKILL.md skill
jeremylongshore/tons-of-skills-marketplace · plugins/ai-agency/hyperflow/skills/design/SKILL.md · Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a…
v1.0.0 · audit A · 2,851 stars
design SKILL.md skill
sethgammon/citadel · skills/design/SKILL.md · Generates and maintains a design manifest for visual consistency. In existing projects, reads current styles and…
git:20260611.0f3f8e7 · audit A · 925 stars
design SKILL.md skill
adityaraj0421/naksha-studio · skills/design/SKILL.md · Assembles a virtual design team to produce production-quality UI, UX, visual, social media, email, and data output. A…
git:20261018.ab04699 · audit A · 344 stars
design SKILL.md skill
serpro69/claude-toolbox · klaude-plugin/skills/design/SKILL.md · TRIGGER when: asked to write or refine a technical design, PRD, specification, implementation plan, or task list, or…
git:20261020.3a15779 · audit A · 151 stars
design SKILL.md skill
serpro69/claude-toolbox · kodex-plugin/skills/design/SKILL.md · TRIGGER when: asked to write or refine a technical design, PRD, specification, implementation plan, or task list, or…
git:20261020.3a15779 · audit A · 151 stars

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