web-design-guidelines SKILL.md skillA

web-design-guidelines from joaoguirunas/team-os is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add joaoguirunas/team-os/web-design-guidelines@v1.0

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

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
joaoguirunas/team-os
Path
.claude/skills/web-design-guidelines/SKILL.md
Versions recorded
4
Latest version
v1.0, committed Sep 26, 2026
First version recorded
Apr 23, 2026
Size
2,137 bytes
Repository stars
5
License
MIT

Review de código UI contra as Vercel Web Interface Guidelines — carrega as guidelines (remoto ou cache local) e reporta violações em formato file:line. Use ao "revisar minha UI", "audit design", "review UX" ou checar o site contra as guidelines da Vercel. Para acessibilidade/WCAG, use a skill accessibility.

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

**Quando usar esta vs. `ui-ux-pro-max`:** esta *revisa* código UI existente contra as guidelines da Vercel e reporta violações. Para escolher estilo, cor, tipografia e regras de UX antes ou durante a construção, use `ui-ux-pro-max`.

Review files for compliance with Web Interface Guidelines.

## How It Works

1. Carregar guidelines (remoto com fallback local — ver abaixo)
2. Ler os arquivos especificados (ou perguntar ao usuário)
3. Checar contra todas as regras das guidelines
4. Output findings no formato terse `file:line`

## Guidelines Source

**Estratégia: remoto primeiro, cache local como fallback**

```
Fonte remota: https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Cache local:  .claude/skills/web-design-guidelines/guidelines-cache.md
```

**Fluxo de carregamento:**
1. Tentar WebFetch da URL remota
2. Se fetch falhar (timeout, 404, GitHub indisponível): usar cache local (`guidelines-cache.md`)
3. Se cache local também falhar: informar usuário e continuar com conhecimento interno

O cache local foi gerado em 2026-05-03 e cobre a versão atual. Para atualizar o cache manualmente:
```bash
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add joaoguirunas/team-os/web-design-guidelines@sha256:e865edd26d1c190a

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

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

Versions

The registry has recorded 4 versions of this file, between Apr 23, 2026 and Sep 26, 2026, about one every 52 days.

versioncommittedcommitsizeaudit
v1.0 latest2026-09-26 8a9bf22 2,137 BA view · diff
v1.02026-09-05 1e1acb4 1,867 BA view · diff
v1.0.02026-05-03 a9b33f7 1,749 BA view · diff
v1.0.02026-04-23 b70017d 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 (2137 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

joaoguirunas/team-os · 5 stars · license MIT · pushed 2026-10-14 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_hzf7zjfbnq2u7hre
GET https://markdownregistry.com/api/v1/resolve?ref=joaoguirunas/team-os/web-design-guidelines
GET https://markdownregistry.com/api/v1/blob/e865edd26d1c190a2a50b1dba4b1561013eb6eb782b91288a5e0345a1620897f

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 joaoguirunas/team-os

accessibility SKILL.md skill
joaoguirunas/team-os · .claude/skills/accessibility/SKILL.md · Auditar e melhorar acessibilidade web seguindo WCAG 2.2 — inclui padrões específicos para Next.js/Tailwind. Use ao…
v1.2 · audit A · 5 stars
ai-ml-data-science SKILL.md skill
joaoguirunas/team-os · .claude/skills/ai-ml-data-science/SKILL.md · Workflows de ML e ciência de dados — EDA, feature engineering, modelagem, avaliação e handoff para produção. Use ao…
v1.0 · audit A · 5 stars
ai-ml-timeseries SKILL.md skill
joaoguirunas/team-os · .claude/skills/ai-ml-timeseries/SKILL.md · Previsão de séries temporais — LightGBM, Transformers, validação temporal, feature engineering e deploy em produção…
v1.0 · audit A · 5 stars
brand-platform SKILL.md skill
joaoguirunas/team-os · .claude/skills/brand-platform/SKILL.md · Método da plataforma de marca e da arquitetura de marca — público prioritário, território…
v1.0 · audit A · 5 stars
brand-research SKILL.md skill
joaoguirunas/team-os · .claude/skills/brand-research/SKILL.md · Método de pesquisa para reposicionamento — auditoria da marca como ela é hoje (promessa por canal, ativos, coerência…
v1.0 · audit A · 5 stars
brand-rollout SKILL.md skill
joaoguirunas/team-os · .claude/skills/brand-rollout/SKILL.md · Método de implantação de um reposicionamento — pré-condições (voz e visual com PASS, baseline travada, confirmação do…
v1.0 · audit A · 5 stars
brand-tracking SKILL.md skill
joaoguirunas/team-os · .claude/skills/brand-tracking/SKILL.md · Método de medição de marca — scorecard com funil (awareness, consideração, preferência, recomendação), atributos de…
v1.0 · audit A · 5 stars
brand-verbal-identity SKILL.md skill
joaoguirunas/team-os · .claude/skills/brand-verbal-identity/SKILL.md · Método da identidade verbal — dimensões de tom em escala, tabela dizemos/não dizemos por dimensão e contexto, framework…
v1.0 · audit A · 5 stars
brand-visual-system SKILL.md skill
joaoguirunas/team-os · .claude/skills/brand-visual-system/SKILL.md · Método da identidade visual — direções com moodboard e racional, sistema de cor com papéis e contraste medido…
v1.0 · audit A · 5 stars
data-analytics-engineering SKILL.md skill
joaoguirunas/team-os · .claude/skills/data-analytics-engineering/SKILL.md · Analytics engineering para métricas confiáveis e prontidão de BI. Use ao construir modelos dbt, definir métricas ou…
v1.0 · audit A · 5 stars
data-lake-platform SKILL.md skill
joaoguirunas/team-os · .claude/skills/data-lake-platform/SKILL.md · Padrões de data lake e lakehouse — ingestão, CDC, Iceberg/Delta/Hudi, Trino/DuckDB, orquestração e governança…
v1.0 · audit A · 5 stars
data-sql-optimization SKILL.md skill
joaoguirunas/team-os · .claude/skills/data-sql-optimization/SKILL.md · Otimização de SQL para sistemas OLTP — análise de EXPLAIN, indexação, schema design, migrations, alta disponibilidade…
v1.0 · audit A · 5 stars

Every file in joaoguirunas/team-os

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,193 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 · 32,701 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 · 19,749 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,778 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,181 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 · 827 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 · 484 stars
web-design-guidelines SKILL.md skill
asymmetric-al/core · .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 · 379 stars

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