frontend-design-review SKILL.md skillA

frontend-design-review from jasoncolapietro/suede-creator-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add jasoncolapietro/suede-creator-skills/frontend-design-review@git:20260905.d8ba14d

Pins git:20260905.d8ba14d in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
jasoncolapietro/suede-creator-skills
Path
vendorable/frontend-design-review/SKILL.md
Versions recorded
1
Latest version
git:20260905.d8ba14d, committed Sep 5, 2026
Size
21,820 bytes
Repository stars
128
License
MIT

Design, review, and visually QA web and app interfaces against explicit design laws so shipped screens look intentional instead of generic AI output.

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

# Frontend Design Review

Most AI-generated interfaces fail the same way: they compile, they look plausible
in code, and they render as the average of every landing page in the training
data. Dark blue for a developer tool. Purple gradient for a music app. Three
icon cards in a row. A tiny uppercase eyebrow above every section.

This skill replaces taste-by-vibes with thresholds. It gives Claude a design
contract to lock before writing CSS, numeric laws to satisfy while writing it, a
list of banned defaults with the specific replacement for each, and a
render-and-compare loop so nothing is called done from reading code. It works on
product UI, dashboards, marketing pages, component systems, and app store
assets.

**Core principle:** strip the logo and the surface must still be unmistakably
this product, and render the result before claiming it works.

## When to Use This Skill

- Building a new landing page, dashboard, app shell, or component family and you
  want it to look designed rather than defaulted.
- Reviewing an interface someone (or an agent) already built, and you need
  specific findings with file names, not "looks good."
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add jasoncolapietro/suede-creator-skills/frontend-design-review@sha256:e39e45b492502ae2

The line at the top of this page pins the label git:20260905.d8ba14d, 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_zqqqjer44jot7s3i.svg)](https://markdownregistry.com/a/art_zqqqjer44jot7s3i)

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

Versions

The registry has recorded 1 version of this file, committed on Sep 5, 2026.

versioncommittedcommitsizeaudit
git:20260905.d8ba14d latest2026-09-05 d8ba14d 21,820 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 (21820 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

jasoncolapietro/suede-creator-skills · 128 stars · license MIT · pushed 2026-10-20 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_zqqqjer44jot7s3i
GET https://markdownregistry.com/api/v1/resolve?ref=jasoncolapietro/suede-creator-skills/frontend-design-review
GET https://markdownregistry.com/api/v1/blob/e39e45b492502ae265bc7826ae0b014580e8acb916b39d99993356c3d05cedd9

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 jasoncolapietro/suede-creator-skills

AGENTS.md AGENTS.md file
jasoncolapietro/suede-creator-skills · AGENTS.md
git:20261003.2e7dbb3 · audit A · 128 stars
CLAUDE.md CLAUDE.md file
jasoncolapietro/suede-creator-skills · CLAUDE.md
git:20261003.f65c7bc · audit A · 128 stars
DESIGN.md DESIGN.md file
jasoncolapietro/suede-creator-skills · DESIGN.md
git:20261020.50a7cf7 · audit A · 128 stars
llms.txt@docs llms.txt file
jasoncolapietro/suede-creator-skills · docs/llms.txt
git:20261020.b46bf08 · audit A · 128 stars
amazon-returns-recovery SKILL.md skill
jasoncolapietro/suede-creator-skills · skills/amazon-returns-recovery/SKILL.md · Suede-affiliated Amazon money-recovery audit for restocking fees, short or denied refunds, and Amazon-billed…
v1.0.0 · audit A · 128 stars
android-app-factory SKILL.md skill
jasoncolapietro/suede-creator-skills · skills/android-app-factory/SKILL.md · Suede Labs Android app factory: plan, build, test, and release a production-grade native Android app from a product…
git:20261003.f65c7bc · audit A · 128 stars
johnny-suede-design SKILL.md skill
jasoncolapietro/suede-creator-skills · skills/johnny-suede-design/SKILL.md · Suede AI full-stack surface builder that runs design, copy, and visual QA as one pass: landing pages, brand surfaces…
git:20261003.f65c7bc · audit A · 128 stars
johnny-suede-write SKILL.md skill
jasoncolapietro/suede-creator-skills · skills/johnny-suede-write/SKILL.md · Suede Labs full writing stack: sharper copy for docs, pages, email, social, headlines, CTAs, product listings, and…
git:20261010.b74533f · audit A · 128 stars
site-to-ios-app SKILL.md skill
jasoncolapietro/suede-creator-skills · skills/site-to-ios-app/SKILL.md · Suede Labs workflow for turning a website, PWA, dashboard, or marketplace into an iOS app. Use when the user has a live…
git:20261010.b74533f · audit A · 128 stars
subscription-recovery SKILL.md skill
jasoncolapietro/suede-creator-skills · skills/subscription-recovery/SKILL.md · Suede-owned recovery discipline for recurring charges billed outside Amazon: App Store, Google Play, PayPal…
v1.0.0 · audit A · 128 stars
suede-ab-testing SKILL.md skill
jasoncolapietro/suede-creator-skills · skills/suede-ab-testing/SKILL.md · Suede-owned experimentation discipline for hypotheses, sample sizing, test duration, significance, and repeatable…
v2.0.0 · audit A · 128 stars
suede-ad-creative SKILL.md skill
jasoncolapietro/suede-creator-skills · skills/suede-ad-creative/SKILL.md · Suede-owned paid-media creative system for hooks, headlines, primary text, static and motion concepts, platform specs…
v2.8.0 · audit A · 128 stars

Every file in jasoncolapietro/suede-creator-skills

Other files named frontend-design-review

frontend-design-review SKILL.md skill
ulises-jeremias/agent-toolkit · plugins/agent-toolkit-complete/.opencode/skills/frontend-design-review/SKILL.md · 'Review and create distinctive, production-grade frontend interfaces with high design quality
git:20260831.856ee57 · audit A · 19 stars
frontend-design-review SKILL.md skill
ulises-jeremias/agent-toolkit · plugins/agent-toolkit-complete/.github/skills/frontend-design-review/SKILL.md · 'Review and create distinctive, production-grade frontend interfaces with high design quality
git:20261016.f2102cf · audit A · 19 stars
frontend-design-review SKILL.md skill
jimyag/dotfiles · skills/frontend-design-review/SKILL.md · 在确定或审查前端页面、落地页、作品集和重新设计的视觉方向时使用;区分只读审查、方向建议和已授权实现,并用真实截图或渲染验证视觉结论。不用于纯业务逻辑、状态管理或已经有明确设计稿的机械实现。
git:20261015.b377f6b · audit A · 11 stars

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