skills.rest
nicanac
nicanacCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against Vercel's Web Interface Guidelines for compliance.

Updated Jan 21, 2026
Search Tags:#ui#accessibility#design review#code audit#ux#web standards
One-click install
npx skills add https://github.com/nicanac/familly-journal --skill web-design-guidelines-nicanac
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/nicanac/familly-journal/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/nicanac/familly-journal --skill web-design-guidelines-nicanac

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interface code adheres to established web interface guidelines, improving consistency, accessibility, and overall design quality.

Core Features & Use Cases

  • Automated Code Review: Scans specified files against a set of predefined design and accessibility rules.
  • Compliance Checking: Identifies deviations from best practices in UI code.
  • Use Case: When asked to "review my UI" or "check accessibility," this skill will audit the provided code files against Vercel's Web Interface Guidelines.

Quick Start

Use the web-design-guidelines skill to review the UI code in the file 'src/components/Button.tsx'.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review my UI code for accessibility and web standards?▼

To review UI code for accessibility and web standards, you need an automated audit that scans your files against established web interface guidelines. This skill fetches rules from a specified URL and checks your provided code for compliance.

What is a UI code audit and how does it check design compliance?▼

A UI code audit is an automated review process that scans your files for compliance with predefined design and accessibility rules. It fetches guidelines from a specified URL and identifies deviations to improve consistency and overall design quality.

Can I check specific component files like Button.tsx against web interface guidelines?▼

Yes, you can check specific component files like Button.tsx against web interface guidelines. The skill applies auditing rules directly to user-provided files or patterns to identify accessibility and UX deviations.

Do I need to provide a URL to fetch web standards for the design review?▼

Yes, you need to provide a URL to fetch web standards for the design review. The skill requires fetching guidelines from a specified URL to apply its accessibility and UX rules to your user-provided files.

What's the best way to ensure my site meets UI accessibility best practices?▼

The best way to ensure your site meets UI accessibility best practices is running an automated code review against established web interface guidelines. This identifies compliance deviations in your provided files or UI patterns.

Related Skills

Explore More Design & Creative Skills→
riethmayerriethmayer
2

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
mhintz1980mhintz1980

web-design-guidelines

Identify accessibility and UX compliance gaps in web UI code against Web Interface Guidelines.

Community
Intermediate
jeremylongshorejeremylongshore
2.6k

scanning-database-security

Scan PostgreSQL and MySQL databases for security vulnerabilities and generate remediation reports.

Community
Advanced
vijaykpatelvijaykpatel

web-design-guidelines

Analyze UI code and assets for Web Interface Guidelines compliance and report violations.

Community
Intermediate