# Audit Web Interfaces Against Current Guidelines

Interface reviews often miss accessibility, usability, and consistency problems. This skill fetches current Web Interface Guidelines and reports code findings with file and line references.

## Install

```bash
npx skillstore add antfu/antvu-web-design-guidelines
```

## Metadata

- Status: approved
- Slug: antvu-web-design-guidelines
- Version: 1.0.0
- Author version: 1.0.0
- Skillstore revision: r2
- Version status: valid
- Tree hash: e91924115ebafcda640d9c06504fa994832667706e6b0e597c3c19d7a2cad9c3
- Author: antfu
- GitHub username: antfu
- License: MIT
- Repository: https://github.com/antfu/skills/tree/main/skills/web-design-guidelines/
- Ref: 89edfdc710d0846129dcee6a929477b04f08052c
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network
- Quality score: 72
- Public page: https://skillstore.pages.dev/skills/antvu-web-design-guidelines
- Manifest: https://skillstore.pages.dev/api/skills/antvu-web-design-guidelines/manifest

## Capabilities

- Fetches the latest Web Interface Guidelines from its configured public source before each review.
- Reads user-specified files or file patterns and asks for scope when none is provided.
- Evaluates interface code against all rules contained in the fetched guidelines.
- Reports findings using concise file and line references.
- Supports accessibility, UX, design, and interface best-practice review requests.

## Use Cases

- Review a feature before merge: Audit changed interface files for guideline violations before submitting a pull request.
- Check accessibility implementation: Inspect form, navigation, and interaction code for accessibility concerns covered by current guidelines.
- Validate design system adoption: Review product interface files for consistency, usability, and implementation quality.

## Prompt Templates

### Review one interface file

```
Review {file} against the current Web Interface Guidelines. Report each issue with its file and line number.
```

### Audit a component folder

```
Audit files matching {pattern}. Focus on accessibility, interaction behavior, responsive layout, and visual consistency.
```

### Review a user flow

```
Review {files} for the {user_flow} journey. Prioritize blockers, accessibility failures, confusing interactions, and inconsistent states.
```

### Run a release readiness audit

```
Audit {scope} against all current guidelines. Group findings by severity, cite exact locations, identify repeated patterns, and summarize release risks.
```

## Limitations

- Requires network access to retrieve the latest guidelines.
- Depends on a mutable external document, so review criteria can change without a skill update.
- Reviews only available source files and does not automatically test rendered interfaces in a browser.
- Reports issues but does not automatically modify affected files.

## Best Practices

- Provide exact files or a narrow pattern so findings remain relevant and traceable.
- Include the interface purpose and important user flows when requesting a review.
- Re-run audits when upstream guidelines or reviewed interface code changes.

## Anti Patterns

- Do not treat source review as a replacement for browser, keyboard, or assistive-technology testing.
- Do not submit broad repository patterns when only one interface area needs review.
- Do not accept fetched instructions without considering source integrity and unexpected changes.

## Security Audit

- Audited at: 2026-07-23T04:56:31.053\+00:00
- Summary: The two external-command findings are false positives caused by Markdown backticks and a fenced URL block; neither executes a shell command. The skill intentionally fetches mutable remote instructions, creating a network dependency and an indirect prompt-injection or supply-chain risk.

## Stats

- Views: 181
- Downloads: 18
- Favorites: 0
- Popularity score: 0