designer SKILL.md skillA

designer from pierry/harness-kit is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add pierry/harness-kit/designer@git:20260713.2e25692

Pins git:20260713.2e25692 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
pierry/harness-kit
Path
.claude/agents/staff-software-engineer/skills/designer/SKILL.md
Versions recorded
5
Latest version
git:20260713.2e25692, committed Jul 13, 2026
First version recorded
Jun 15, 2026
Size
22,130 bytes
Repository stars
4
License
MIT

Visual + UX design defaults for new UIs. Material Design 3, dark/light theme, modern type, Behance-grade polish, i18n (en, pt-BR, es), context-aware favicon. No emojis and no em-dashes; use MD3/modern icons instead. Apply when building something new. Project conventions in .claude/conventions/web.md override these defaults.

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

Designer conventions. Apply when SSE builds something **new** with a UI (new app, page, feature,
landing). Layers on top of the area skill (web/mobile), does not replace it. Project override:
`{repo}/.claude/conventions/web.md` wins. Match existing design system if repo already has one; only
green-field gets these defaults.

## READ FIRST: Material Design 3 is non-negotiable

Every visual surface this skill touches **must** be Material Design 3. Not "M3-inspired", not "close
enough". M3 is the system: token-driven color roles, the shape scale, tonal elevation, state layers,
and motion. If you are about to write a color, a border, a radius, or a callout, it comes from M3,
not from instinct or a CMS habit. This rule has been broken before; do not break it again.

**Before you ship any surface, self-check against these top offenders. Each one is a hard rule with
its own section below; this is the unmissable summary, not the exception list.**

- **No colored left-border accent bars.** A `border-left: 3px/4px solid var(--primary)` on a card,
  hint, callout, banner, or "supporting" box is forbidden. It collides with the shape-scale radius
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add pierry/harness-kit/designer@sha256:709814b6df515bbd

The line at the top of this page pins the label git:20260713.2e25692, 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_vug7xqsfnn4qucrh.svg)](https://markdownregistry.com/a/art_vug7xqsfnn4qucrh)

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

Versions

The registry has recorded 5 versions of this file, between Jun 15, 2026 and Jul 13, 2026, about one every 7 days.

versioncommittedcommitsizeaudit
git:20260713.2e25692 latest2026-07-13 2e25692 22,130 BA view · diff
git:20260624.23d84de2026-06-24 23d84de 15,987 BA view · diff
git:20260619.6bbf4e62026-06-19 6bbf4e6 14,098 BA view · diff
git:20260619.a36e10d2026-06-19 a36e10d 11,967 BA view · diff
git:20260615.b983dc22026-06-15 b983dc2 8,875 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 (22130 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

pierry/harness-kit · 4 stars · license MIT · pushed 2026-10-05 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_vug7xqsfnn4qucrh
GET https://markdownregistry.com/api/v1/resolve?ref=pierry/harness-kit/designer
GET https://markdownregistry.com/api/v1/blob/709814b6df515bbd5eac4418e0777548704b94d4fc11191ead93aa8a28514616

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 pierry/harness-kit

prd SKILL.md skill
pierry/harness-kit · .claude/agents/product-manager/skills/prd/SKILL.md · Generate a Product Requirements Document for an team squad. Business-facing artifact. Sensors and evals gate.
git:20261005.0119af1 · audit A · 4 stars
prp SKILL.md skill
pierry/harness-kit · .claude/agents/product-manager/skills/prp/SKILL.md · Generate a Product Requirements Prompt for engineering handoff. Needs an approved PRD. Sensors, link validation, and…
git:20261005.0119af1 · audit A · 4 stars
backend SKILL.md skill
pierry/harness-kit · .claude/agents/staff-software-engineer/skills/backend/SKILL.md · Backend engineering conventions for team. Java/Kotlin servers. Project conventions in .claude/conventions/backend.md…
git:20260519.492683a · audit A · 4 stars
devops SKILL.md skill
pierry/harness-kit · .claude/agents/staff-software-engineer/skills/devops/SKILL.md · DevOps engineering conventions for team. CI/CD, infra-as-code, observability. Project conventions in…
git:20260519.492683a · audit A · 4 stars
mobile SKILL.md skill
pierry/harness-kit · .claude/agents/staff-software-engineer/skills/mobile/SKILL.md · Mobile engineering conventions for team. iOS and Android. Project conventions in .claude/conventions/mobile.md override…
git:20260519.492683a · audit A · 4 stars
web SKILL.md skill
pierry/harness-kit · .claude/agents/staff-software-engineer/skills/web/SKILL.md · Web frontend engineering conventions for team. Vue.js stack. Project conventions in .claude/conventions/web.md override…
git:20260519.492683a · audit A · 4 stars
design SKILL.md skill
pierry/harness-kit · .claude/agents/system-architect/skills/design/SKILL.md · Design any system from scratch into a rigorous System Design Doc. Generic fallback when no topic-specific playbook…
git:20261005.0119af1 · audit A · 4 stars
rate-limiter SKILL.md skill
pierry/harness-kit · .claude/agents/system-architect/skills/rate-limiter/SKILL.md · Design a distributed rate limiter at scale, policy model, enforcement layers (edge/gateway/service), algorithms (token…
git:20260615.091526b · audit A · 4 stars
review SKILL.md skill
pierry/harness-kit · .claude/agents/system-architect/skills/review/SKILL.md · Adversarial design review of a System Design Doc. Interrogates the staff questions, finds the cost-explosion and…
git:20260615.091526b · audit A · 4 stars
search-engine SKILL.md skill
pierry/harness-kit · .claude/agents/system-architect/skills/search-engine/SKILL.md · Design a web-scale search engine (crawler, processing, indexing, query serving). Topic playbook from the System Design…
git:20260615.091526b · audit A · 4 stars
url-shortener SKILL.md skill
pierry/harness-kit · .claude/agents/system-architect/skills/url-shortener/SKILL.md · Design a URL shortener at scale (TinyURL / bit.ly style): short-code generation, redirect path, cache, partitioning…
git:20260615.091526b · audit A · 4 stars
AGENTS.md AGENTS.md file
pierry/harness-kit · AGENTS.md
git:20260710.da128bb · audit A · 4 stars

Every file in pierry/harness-kit

Other files named designer

designer SKILL.md skill
donald-ada/workinggenius · skills/designer/SKILL.md · Settle the look before the pixels — audience and context first, then the base and the delta, directions drawn as tiles…
git:20261003.51d9739 · audit A · 6 stars
designer SKILL.md skill
oneafrikan/the-grid · agent-factory/roles/designer/SKILL.md
git:20260705.8cd4a69 · audit C · 3 stars

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