design-inspiration SKILL.md skillA

design-inspiration from r-hatim/hrih-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add r-hatim/hrih-skills/design-inspiration@git:20261020.e27f784

Pins git:20261020.e27f784 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
r-hatim/hrih-skills
Path
skills/design-inspiration/SKILL.md
Versions recorded
2
Latest version
git:20261020.e27f784, committed Oct 20, 2026
First version recorded
Oct 20, 2026
Size
17,223 bytes
Repository stars
6
License
MIT

Use this skill first whenever someone wants a visual made or redone so it looks good: a website, landing page, homepage, portfolio, hero, pricing page, testimonials, navbar, OG/share image, marketing, welcome or onboarding email, pitch, seed or investor deck, social media graphics (Instagram, LinkedIn, launch posts, carousels) or ads. It looks at real, current examples in curated galleries (land-book, deck.gallery, posts.design, adfolio, reallygoodemails, pricingpages.design and others), pulls…

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 from real inspiration

Designs made from memory drift toward the same template: centered hero, purple gradient, three feature cards, generic copy. Good human designers avoid that by looking at the best current work in the category first, choosing a direction, and only then building. This skill makes that the default: **research → choose → write a direction → build → compare against the references**.

The research is a means, not the deliverable. Keep it proportionate: a single navbar needs one gallery and a few minutes; a full marketing site deserves a broader look.

## 0. Read the brief

Pin down, mostly by inference:

- **What and who**: the product or brand, its category, and the audience (an enterprise security buyer and a Gen-Z snack brand want very different things).
- **Deliverable**: full site, one page, or one section/asset; which sections matter most.
- **Tone words**: e.g. calm, technical, premium, playful, editorial, bold.
- **Constraints**: existing brand colors/fonts/logo, the codebase or stack, output format.

Ask only if a wrong guess would waste the whole build (e.g. it is unclear whether this is B2B or consumer). Otherwise state your assumptions and go.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add r-hatim/hrih-skills/design-inspiration@sha256:6097295ed7f46f20

The line at the top of this page pins the label git:20261020.e27f784, 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_vu7qg6soqhzoi6pz.svg)](https://markdownregistry.com/a/art_vu7qg6soqhzoi6pz)

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

Versions

The registry has recorded 2 versions of this file, all committed on Oct 20, 2026.

versioncommittedcommitsizeaudit
git:20261020.e27f784 latest2026-10-20 e27f784 17,223 BA view · diff
git:20261020.21af20c2026-10-20 21af20c 17,157 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 (17223 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

r-hatim/hrih-skills · 6 stars · license MIT · pushed 2026-11-08 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_vu7qg6soqhzoi6pz
GET https://markdownregistry.com/api/v1/resolve?ref=r-hatim/hrih-skills/design-inspiration
GET https://markdownregistry.com/api/v1/blob/6097295ed7f46f20bc4b2bed1400b1713f9d503c6f8f728eaaefe2458e2c3570

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 r-hatim/hrih-skills

AGENTS.md AGENTS.md file
r-hatim/hrih-skills · AGENTS.md
git:20261023.4f88b2f · audit A · 6 stars
CLAUDE.md CLAUDE.md file
r-hatim/hrih-skills · CLAUDE.md
git:20261020.21af20c · audit B · 6 stars
copywriter SKILL.md skill
r-hatim/hrih-skills · skills/copywriter/SKILL.md · Write and rewrite copy that reads like a skilled human wrote it. Use it for website and landing page copy, homepage…
git:20261020.e27f784 · audit A · 6 stars
review-apprentice SKILL.md skill
r-hatim/hrih-skills · skills/review-apprentice/SKILL.md · Turn code review into teaching when an AI reviews alongside people, so juniors learn to review instead of…
git:20261023.4f88b2f · audit A · 6 stars
review-router SKILL.md skill
r-hatim/hrih-skills · skills/review-router/SKILL.md · Decide how much human review a code change needs, judged from the change itself rather than its author, and tell the…
git:20261023.4f88b2f · audit A · 6 stars
spec-review SKILL.md skill
r-hatim/hrih-skills · skills/spec-review/SKILL.md · Review a code change by its spec and its evidence instead of reading every line: check it does what was asked, prove it…
git:20261023.4f88b2f · audit A · 6 stars

Every file in r-hatim/hrih-skills

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