Skills web-design-guidelines

📦

web-design-guidelines

Name: web-design-guidelines
Author: ZhanlinCui

v1.0.0 Content revision r1 Medium Risk ⚙️ External commands🌐 Network access

Review Web Interfaces Against Design Guidelines

Teams need consistent UI, accessibility, and UX checks before release. This skill applies Web Interface Guidelines to selected files and reports concise findings.

Supports: Claude Codex Code(CC)

📊 72 Adequate

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request

Review the Skillstore skill "web-design-guidelines" from https://skillstore.io/skills/zhanlincui-web-design-guidelines.md and its manifest at https://skillstore.io/api/skills/zhanlincui-web-design-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/zhanlincui-web-design-guidelines.md Signed manifest GET /api/skills/zhanlincui-web-design-guidelines/manifest Signed lockfile GET /api/skills/zhanlincui-web-design-guidelines/lockfile

Test it

Using "web-design-guidelines". Review a pricing page for guideline issues.

Expected outcome:

app/pricing/page.tsx:58 - Primary and secondary actions are visually equal. Clarify the main path.
app/pricing/page.tsx:91 - Feature comparison uses color alone. Add text labels for status.

Using "web-design-guidelines". Audit a component library for interaction quality.

Expected outcome:

components/Dialog.tsx:34 - Focus handling is not described. Verify keyboard entry, escape, and return focus behavior.
components/Card.tsx:76 - Hover-only details may hide information from touch users.

Security Audit

Medium Risk

v5 • 7/8/2026 Open versioned report

The markdown backtick detections are false positives: they are inline formatting and a fenced URL block. The hardcoded WebFetch URL is confirmed as a low network risk, and the larger concern is reliance on mutable remote content as instructions.

Files scanned

Lines analyzed

Review items

False positives ignored

Confirmed security concerns (1)

Medium

SKILL.md:16-29

Remote Instruction Supply Chain

SKILL.md directs the agent to fetch remote guidelines and says the fetched content contains all rules and output format instructions. Treating mutable network content as instructions can change skill behavior after marketplace review.

The file explicitly requires fetching the URL and following rules from fetched content; the risk depends on future remote content but the delegation pattern is clear.

Capability review items (1)

These are real local capabilities that may be expected for this skill, so they require review but are not counted as confirmed malicious behavior.

Low

SKILL.md:26

Hardcoded URL

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

The skill instructs the agent to fetch a hardcoded raw GitHub URL before reviews. This intended network dependency can pull changed remote content and should be disclosed and controlled.

Risk Factors

⚙️ External commands (2)

SKILL.md:19 SKILL.md:25-27

🌐 Network access (1)

SKILL.md:26

Audited by: codex View Audit History →

Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report

Copy report link

https://skillstore.io/skills/zhanlincui-web-design-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/zhanlincui-web-design-guidelines/security.svg)](https://skillstore.io/skills/zhanlincui-web-design-guidelines?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/zhanlincui-web-design-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/zhanlincui-web-design-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/zhanlincui-web-design-guidelines.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Academic citations (APA · BibTeX · CFF)

APA citation

ZhanlinCui. (2026). web-design-guidelines security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/zhanlincui-web-design-guidelines/audits/5

BibTeX citation

@techreport{zhanlincui-zhanlincui-web-design-guidelines-2026,
  author = {ZhanlinCui},
  title = {web-design-guidelines security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/zhanlincui-web-design-guidelines/audits/5},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "web-design-guidelines security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
  - name: "ZhanlinCui"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/zhanlincui-web-design-guidelines/audits/5"
identifiers:
  - type: other
    value: "skillstore:zhanlincui-web-design-guidelines:audit:5"
    description: "Skillstore immutable audit report identifier"

Compare variants

6 installable variants

Each author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.

Why this variant is first

Highest Skillstore Score

Author / source Skillstore Score Evidence Confidence Skillstore usage Updated

vercel-labs Recommended

vercel-labs-web-design-guidelines

Skillstore Score 73

Evidence Confidence High

Skillstore usage 52

Updated

2026-08-21

ZhanlinCui Current

zhanlincui-web-design-guidelines

Skillstore Score 72

Evidence Confidence High

Skillstore usage 133

Updated

2026-08-21

antfu

antvu-web-design-guidelines

Skillstore Score 72

Evidence Confidence High

Skillstore usage 18

Updated

2026-08-21

antfu

antfu-web-design-guidelines

Skillstore Score 72

Evidence Confidence High

Skillstore usage 13

Updated

2026-08-21

supercent-io

supercent-io-web-design-guidelines

Skillstore Score 71

Evidence Confidence High

Skillstore usage 60

Updated

2026-08-21

sickn33

sickn33-web-design-guidelines

Skillstore Score 69

Evidence Confidence High

Skillstore usage 9

Updated

2026-08-21

Skillstore Score

Why this score Evidence Confidence: High

Architecture

100

Maintainability

Content

Community

Spec Compliance

What You Can Build

Pre-Merge UI Review

Check component and page files for guideline issues before opening or merging a pull request.

Design QA Support

Compare implemented screens with interface quality expectations and accessibility practices.

Team Standards Audit

Run consistent interface reviews across projects without rewriting local review checklists.

Try These Prompts

Review One Page

Review src/app/page.tsx against the Web Interface Guidelines and list concise findings with file and line references.

Check Component Set

Review all components in src/components for accessibility, spacing, layout, copy, and interaction issues using the current guidelines.

Audit Feature Branch

Review the changed UI files in this branch against the guidelines. Group findings by severity and include remediation suggestions.

Compare Implementation Patterns

Review app, component, and design-system files for repeated guideline violations. Identify systemic risks and recommend team-level fixes.

Best Practices

Provide the specific files or glob patterns that represent the user flow.
Allow the skill to fetch guidelines only from trusted, reviewed sources.
Ask for severity grouping when the review covers many files.

Avoid

Do not ask for a whole repository review when only one screen changed.
Do not treat guideline findings as automatic product requirements.
Do not fetch unreviewed guideline sources or paste remote instructions blindly.

Frequently Asked Questions

What does this skill review?

It reviews web interface files for design, UX, accessibility, and guideline consistency issues.

Does it edit my code?

No. It reports findings unless you separately ask the agent to make changes.

Why does it need network access?

It fetches the latest Web Interface Guidelines from the configured source before review.

Can I use it in Codex?

Yes. The report lists support for Claude, Codex, and Claude Code workflows.

Can it review screenshots?

The skill is written for file-based reviews. Screenshot review would need separate visual context.

How should I handle large projects?

Start with changed files or one user flow, then run broader audits after high-impact fixes.

Developer Details

Author

ZhanlinCui

License

MIT

Author version

v1.0.0

Skillstore revision

Repository

https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection/tree/main/vercel-web-design-guidelines

Ref

88a205c7f635a966e31156313b590d59007c5caa

Maintenance freshness

7/18/2026

Usage

129 downloads · 197 views

File structure

📄 SKILL.md