Free
AI OverviewGenerated from SKILL.md
Core usage
This skill audits UI code against the Web Interface Guidelines by first fetching the latest rules from a vercel-labs GitHub source, then reading specified files or prompting the user for targets. It applies every fetched rule and reports findings using a terse file:line format. It is triggered by requests such as “review my UI,” “check accessibility,” “audit design,” or “check my site against best practices.”
Key advantages
It always fetches fresh guidelines before a review, so checks reflect the current version of the best-practice rules. Findings are returned in a concise file:line format, making it easy to locate issues. The workflow supports both explicit file arguments and interactive file selection, and covers accessibility and UX review in one pass.
Limitations
It requires network access to the external guidelines URL, so the review cannot run if that resource is unavailable. It needs the user to supply files or a pattern, or it must pause to ask which files to review. The terse output omits detailed rationales, so understanding each finding may require consulting the fetched guidelines.
Target audience
This skill is for front-end developers, designers, and reviewers who want to evaluate UI code against contemporary web interface best practices. It is especially useful for users who want quick accessibility and UX audits without leaving their workflow. Users should be comfortable interpreting file:line findings and following up on the underlying guidelines.
Risks & notes
The skill depends on a remote guidelines source, so changes or outages at that URL can affect the accuracy and availability of reviews. Because findings are terse and rule-based, they may need human judgment to avoid false positives or missing context. Ensure the fetched guidelines are appropriate for your project and treat results as one input, not a definitive compliance certification.
DescriptionWritten by the seller
Use caseInput → Output
Input
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. Outp
Output
Verified guidance, commands and best practices for Web Design Guidelines, ready to paste into your agent
How it worksImport to your platform and run
Item details
Use case
AI Skills
Capability
Design
Agents
Claude Code, Cursor
Version
1.0.0
Source
First seen
Aug 13, 2026
Installs
3,519
License
Non-exclusive
Last update
Aug 13, 2026
InstallCompatible with agent skill ecosystem
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
What you get
SKILL.md skill definitionDesign guidelines referenceVisual direction examplesWeb Design Guidelines reference
Verified sourceOriginal project page — inspect before install
Open the original source project
Check the upstream repository, license and changelog before install
Security ScanS+Score 100/100 · 0 findings · 2026-08-15 21:34:55
Static analysis100
Dynamic behavior100
Dependencies100
Network100
Privacy100
Threat intel100
✓ 未发现安全问题，六维检测全部通过。
Security scan generated by TopTinker automated engine from SKILL.md static analysis, for pre-install reference only. Third-party skills carry their own runtime risk.
2021-12-28开店时间
284商品数
—认证
Guarantees
Escrow paymentOn
Platform holds funds until delivery is confirmed
Install verified
Free download - install & run before you pay
Source transparency
Original GitHub repo linked & verified
No refunds after download
Digital product - disputes arbitrated on evidence only
Enhanced protection
Trusted seller - priority arbitration within 48h, backed by platform bond
Upgrade to ProRecommended
More in AI Skills