web-design-guidelines SKILL.md skillA

This file is byte-identical to the first copy the registry indexed, one of 20 indexed copies. Same content hash, so the same checks give both the same grade.

web-design-guidelines from maomaochong-ai/open-astravia is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add maomaochong-ai/open-astravia/web-design-guidelines@v1.0.0

Pins v1.0.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
maomaochong-ai/open-astravia
Path
.agents/skills/web-design-guidelines/SKILL.md
Versions recorded
1
Latest version
v1.0.0, committed Sep 11, 2026
Size
1,231 bytes
Repository stars
39
License
Apache-2.0

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

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

# Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

## How It Works

1. Fetch the latest guidelines from the source URL below
2. Read the specified files (or prompt user for files/pattern)
3. Check against all rules in the fetched guidelines
4. Output findings in the terse `file:line` format

## Guidelines Source

Fetch fresh guidelines before each review:

```
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
```

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

## Usage

When a user provides a file or pattern argument:
1. Fetch guidelines from the source URL above
2. Read the specified files
3. Apply all rules from the fetched guidelines
4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add maomaochong-ai/open-astravia/web-design-guidelines@sha256:f4647ca866a3accf

The line at the top of this page pins the label v1.0.0, 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_f2trzuoihj475epb.svg)](https://markdownregistry.com/a/art_f2trzuoihj475epb)

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

Versions

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

versioncommittedcommitsizeaudit
v1.0.0 latest2026-09-11 9951787 1,231 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 (1231 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

maomaochong-ai/open-astravia · 39 stars · license Apache-2.0 · pushed 2026-11-01 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_f2trzuoihj475epb
GET https://markdownregistry.com/api/v1/resolve?ref=maomaochong-ai/open-astravia/web-design-guidelines
GET https://markdownregistry.com/api/v1/blob/f4647ca866a3accf763777f83e7682954f0187cd6bea7eea0399796652414e8f

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 maomaochong-ai/open-astravia

astravia-testing SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/astravia-testing/SKILL.md · 为 OpenAstravia 的功能变更、Bug 修复、重构、公共合同和 UI 交互设计、编写或审查测试;在决定测试范围、补充回归测试、覆盖用户常见使用流程或评估测试质量时使用。纯文档或没有运行时行为变化的编辑不使用。
git:20261014.02ac874 · audit A · 39 stars
compose-component-design SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/compose-component-design/SKILL.md · Use when designing or reviewing reusable Jetpack Compose component APIs with modifier parameters, root layout…
git:20260928.e3f9971 · audit A · 39 stars
compose-state-and-effects SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/compose-state-and-effects/SKILL.md · Use when writing or reviewing Jetpack Compose state ownership, remember state, state hoisting, screen state holders…
git:20260928.e3f9971 · audit A · 39 stars
design-taste-frontend SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
git:20260911.9951787 · audit B · 39 stars
diagnose SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/diagnose/SKILL.md · Disciplined diagnosis loop for hard bugs and performance regressions. Reproduce → minimise → hypothesise → instrument →…
git:20260922.7ea4a67 · audit A · 39 stars
expo-overview SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/expo-overview/SKILL.md · Framework (OSS). Entry point and router for every Expo or EAS task. Load this skill first — before writing code and…
v1.1.0 · audit A · 39 stars
expo-project-structure SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/expo-project-structure/SKILL.md · Framework (OSS). Folder structure for a new Expo app. Use when scaffolding or laying out a new Expo project with Expo…
v1.0.0 · audit B · 39 stars
expo-router SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/expo-router/SKILL.md · Framework (OSS). Navigation and routing for Expo Router. Covers file-based routes, groups and dynamic routes, folder…
v1.0.1 · audit A · 39 stars
find-skills SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/find-skills/SKILL.md · Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is…
git:20260901.3ee8f34 · audit A · 39 stars
frontend-design SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/frontend-design/SKILL.md · Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with…
git:20260911.9951787 · audit A · 39 stars
grill-me SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/grill-me/SKILL.md · Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of…
git:20260922.7ea4a67 · audit A · 39 stars
grill-with-docs SKILL.md skill
maomaochong-ai/open-astravia · .agents/skills/grill-with-docs/SKILL.md · Grilling session that challenges your plan against the existing domain model, sharpens terminology, and updates…
git:20260922.7ea4a67 · audit A · 39 stars

Every file in maomaochong-ai/open-astravia

Other files named web-design-guidelines

web-design-guidelines SKILL.md skill
bytedance/deer-flow · skills/public/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
v1.0.0 · audit A · 84,762 stars
web-design-guidelines SKILL.md skill
vercel-labs/agent-skills · skills/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
v1.0.0 · audit A · 33,295 stars
web-design-guidelines SKILL.md skill
awesome-dsh-plugin/awesome-dsh-plugin · .agents/skills/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
v1.0.0 · audit A · 21,844 stars
web-design-guidelines SKILL.md skill
tech-leads-club/agent-skills · packages/skills-catalog/skills/(design)/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
v1.0.0 · audit A · 7,124 stars
web-design-guidelines SKILL.md skill
gronxb/hot-updater · .agents/skills/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
v1.0.0 · audit A · 1,809 stars
web-design-guidelines SKILL.md skill
fcakyon/claude-codex-settings · plugins/react-skills/skills/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
v1.0.0 · audit A · 1,193 stars
web-design-guidelines SKILL.md skill
coco-research/coco · skills/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
v1.0.0 · audit A · 796 stars
web-design-guidelines SKILL.md skill
evovexai/evoflow · skills/public/web-design-guidelines/SKILL.md · Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
v1.0.0 · audit A · 540 stars

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