art-director SKILL.md skillA

art-director from ham7a311/vitrine is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add ham7a311/vitrine/art-director@git:20261004.15312e4

Pins git:20261004.15312e4 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
ham7a311/vitrine
Path
src/workshop/skills/art-director/SKILL.md
Versions recorded
1
Latest version
git:20261004.15312e4, committed Oct 4, 2026
Size
6,222 bytes
Repository stars
10
License
MIT

Give a website a distinctive, coherent design where every component has its own idea - derived from the product's world, not from trends - while staying useful and restrained. Produces a direction (material, palette, type, motion vocabulary) and a per-component plan where each familiar control gets one new physical idea with a clear purpose. Use when starting a site or redesign, when a design feels generic, or when asked to make components unique, beautiful or memorable.

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

# /art-director

Distinctive design is not decoration added at the end. It comes from one question asked of every part of the interface: **what would this be if it were made of the product's world?** A booking site for tide-dependent boat trips can have a date picker whose unavailable days are the ones the tide is wrong for. That's memorable because it's true.

The method below is the one used to build Vitrine: a familiar job, one new idea, a clear purpose, and restraint.

## 1. Find the world

Before any colours, write down the product's world in plain nouns. Ask the user when you don't know.

- **What it's about:** the domain's objects, places, tools and materials (a logistics company: manifests, containers, tides, cranes, routes; a writing school: pens, paper, ink, margins).
- **Who uses it, where and when:** on a phone on a site visit, at a desk at 2 a.m., once a year.
- **What it should feel like, in two words** that aren't "modern" or "clean": "calm authority", "careful warmth", "field notebook".
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add ham7a311/vitrine/art-director@sha256:862256810c043769

The line at the top of this page pins the label git:20261004.15312e4, 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_6ijfbnenipl7d4zu.svg)](https://markdownregistry.com/a/art_6ijfbnenipl7d4zu)

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

Versions

The registry has recorded 1 version of this file, committed on Oct 4, 2026.

versioncommittedcommitsizeaudit
git:20261004.15312e4 latest2026-10-04 15312e4 6,222 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 (6222 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

ham7a311/vitrine · 10 stars · license MIT · pushed 2026-10-15 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_6ijfbnenipl7d4zu
GET https://markdownregistry.com/api/v1/resolve?ref=ham7a311/vitrine/art-director
GET https://markdownregistry.com/api/v1/blob/862256810c04376973e338654902e72edf6654c08febe158401750f48e8507cc

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 ham7a311/vitrine

accessibility-pass SKILL.md skill
ham7a311/vitrine · src/workshop/skills/accessibility-pass/SKILL.md · Run a hands-on accessibility pass on a web page or component - keyboard walk, focus visibility, names and roles, live…
git:20261004.15312e4 · audit A · 10 stars
component-architect SKILL.md skill
ham7a311/vitrine · src/workshop/skills/component-architect/SKILL.md · Design a reusable component's API before its looks - what is fixed, what is configurable, which variants exist - and…
git:20261004.15312e4 · audit A · 10 stars
component-author SKILL.md skill
ham7a311/vitrine · src/workshop/skills/component-author/SKILL.md · Write a self-contained, production-quality React UI component to Vitrine's house rules - one TSX file plus one CSS…
git:20261004.15312e4 · audit A · 10 stars
content-structure-auditor SKILL.md skill
ham7a311/vitrine · src/workshop/skills/content-structure-auditor/SKILL.md · Map what a page says against what its visitor came to find out, then fix the order, headings, labels and length so the…
git:20261004.15312e4 · audit A · 10 stars
conversion-ux-review SKILL.md skill
ham7a311/vitrine · src/workshop/skills/conversion-ux-review/SKILL.md · Walk the path from a page's first screen to the action that matters (sign up, book, buy), find where people hesitate or…
git:20261004.15312e4 · audit A · 10 stars
copy-quality SKILL.md skill
ham7a311/vitrine · src/workshop/skills/copy-quality/SKILL.md · Audit and rewrite website copy that reads as generic, inflated, repetitive, vague or machine-written - buzzwords, empty…
git:20261004.15312e4 · audit A · 10 stars
interface-copy SKILL.md skill
ham7a311/vitrine · src/workshop/skills/interface-copy/SKILL.md · Write the words in an interface - headlines, buttons, labels, empty states, errors, confirmations, notifications - and…
git:20261004.15312e4 · audit A · 10 stars
interface-critic SKILL.md skill
ham7a311/vitrine · src/workshop/skills/interface-critic/SKILL.md · Critique an interface or component idea against Vitrine's quality bar (familiar job, new physics, meaningful motion…
git:20261004.15312e4 · audit A · 10 stars
landing-page-art-director SKILL.md skill
ham7a311/vitrine · src/workshop/skills/landing-page-art-director/SKILL.md · Plan a landing page section by section - one hero idea, a proof sequence and one call to action - and choose a…
git:20261004.15312e4 · audit A · 10 stars
motion-director SKILL.md skill
ham7a311/vitrine · src/workshop/skills/motion-director/SKILL.md · Design and audit interface motion so every animation explains something - direction, amount, cause, state - with a…
git:20261004.15312e4 · audit A · 10 stars
performance-pass SKILL.md skill
ham7a311/vitrine · src/workshop/skills/performance-pass/SKILL.md · Measure and fix how fast a site loads and responds on a mid-range phone - LCP, CLS, total blocking time, bytes by type…
git:20261004.15312e4 · audit A · 10 stars
portfolio-art-director SKILL.md skill
ham7a311/vitrine · src/workshop/skills/portfolio-art-director/SKILL.md · Turn a person's real work into a portfolio with a point of view - what to lead with, how to present each project, and…
git:20261004.15312e4 · audit A · 10 stars

Every file in ham7a311/vitrine

Other files named art-director

art-director SKILL.md skill
serejaris/personal-corp-os · skills/art-director/SKILL.md · Orchestrate iterative visual style searches with branch prompts, decision graphs, feedback loops, and final direction…
git:20260601.60affe7 · audit B · 231 stars
art-director SKILL.md skill
wonsukchoi/domain-experts · roles/art-director/SKILL.md · Use when a task needs the judgment of an Art Director — commissioning and choosing between divergent creative concepts…
git:20260707.074d851 · audit A · 21 stars
art-director SKILL.md skill
newenergyeric/art-director-skill · SKILL.md · Help art directors turn references, taste and samples into a shareable project pack, then guide teammates and agents to…
git:20261014.8e18b74 · audit A · 4 stars

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