skills.rest
MinhHoangDono
MinhHoangDonoCOMMUNITY
Explore all skills by this author →
GitHub

ck:web-design-guidelines

Review web UI code against Web Interface Guidelines and report file:line issues.

Updated Mar 7, 2026
Search Tags:#code review#accessibility#web standards#ui audit#ux compliance#file:line findings
One-click install
npx skills add https://github.com/MinhHoangDono/antigravity-kit --skill ck-web-design-guidelines-minhhoangdono
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-design-guidelines
Source: https://github.com/MinhHoangDono/antigravity-kit/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/MinhHoangDono/antigravity-kit --skill ck-web-design-guidelines-minhhoangdono

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps teams catch UI and accessibility issues early by checking existing front-end code against authoritative Web Interface Guidelines.

Core Features & Use Cases

  • Guideline-aligned UI review: Fetches the latest guideline rules immediately before running an audit to ensure checks stay current.
  • Targeted file or pattern scanning: Reviews specific files or lets the user indicate patterns for broader coverage.
  • Actionable findings output: Produces concise file:line results that map directly back to the code locations needing changes.
  • Use Case: Before a release, review a React/Next.js UI folder to identify accessibility and UX compliance problems flagged by the guidelines.

Quick Start

Ask the AI to review your UI by specifying the file(s) or pattern to audit, for example: "Check src/components/**/*.tsx against Web Interface Guidelines."

Frequently Asked Questions about ck:web-design-guidelines

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

FAQPage Schema
How do I check my web UI code for accessibility and best practices?▼

To check web UI code for accessibility and best practices, you can audit your files against Web Interface Guidelines. The review fetches the latest rules and returns concise file:line findings that map directly to code locations needing changes.

What is a UI audit against Web Interface Guidelines?▼

A UI audit against Web Interface Guidelines is a review process that identifies accessibility and UX compliance violations in front-end code. It fetches current rules and outputs actionable file:line results for targeted fixes.

Can I review specific files or patterns for UX compliance?▼

Yes, you can review specific files or indicate patterns for broader UX compliance coverage. You can target a single file or use glob patterns like src/components/**/*.tsx to audit multiple files at once.

Does the accessibility review work with React and Next.js folders?▼

Yes, the accessibility review works with React and Next.js folders. You can specify a pattern like src/components/**/*.tsx to scan your UI components and identify accessibility and best-practice violations before release.

How are accessibility issues returned after checking my site against best practices?▼

Accessibility issues are returned in a concise file:line format after checking your site against best practices. This format maps directly back to the exact code locations requiring changes, ensuring actionable findings.

Do I need to manually update rules to check my site against current web standards?▼

No, you do not need to manually update rules to check your site against current web standards. The review automatically fetches the latest guideline rules from the provided Vercel Labs URL immediately before running the audit.

Related Skills

Explore More Design & Creative Skills→
gesmith0606gesmith0606

web-design-guidelines

Audit HTML and CSS files against Web Interface Guidelines.

Community
Intermediate
ZawHlaingPhyoTsukiZawHlaingPhyoTsuki

web-design-guidelines

Audit frontend UI files for Web Interface Guidelines violations.

Community
Intermediate
aberrantCodeaberrantCode
1

typescript

Configure strict TypeScript compilation, ESLint, Jest, and Husky pre-commit checks.

Community
Intermediate
zeronx798zeronx798

dogfood

Navigate web pages and interact with DOM elements to detect functional, visual, accessibility issues via browser snapshots and console error monitoring, producing structured bug reports.

Community
Advanced