web-design-guidelines
کد رابط کاربریتان را با تازهترین Web Interface Guidelines بررسی کنید.
این skill فایلها و الگوهای کد رابط کاربری را با استفاده از تازهترین قوانین Web Interface Guidelines از منبع Vercel بررسی میکند. برای بازبینی UI، دسترسپذیری، UX و رعایت best practiceهای وب کاربرد دارد.
عامل پس از دریافت فایل یا pattern، قوانین بهروز را دریافت کرده و یافتهها را در قالب فشردهی file:line گزارش میکند تا اصلاح مشکلات برای تیم توسعه سریع و دقیق باشد.
چه چیزی میگیرید
- بررسی کد UI بر اساس آخرین Web Interface Guidelines
- تمرکز بر دسترسپذیری، UX و best practiceهای رابط وب
- گزارش دقیق مشکلات با مسیر فایل و شماره خط
- تحلیل فایل یا pattern مشخصشده در پروژه
- درخواست فایل یا pattern در صورت ارائهننشدن ورودی
برای چه کاری خوب است
- تیمهای frontend که پیش از انتشار به audit رابط کاربری نیاز دارند
- بازبینی کامپوننتها و صفحات از نظر دسترسپذیری و UX
- پروژههایی که میخواهند کد خود را با استانداردهای Vercel مقایسه کنند
برای چه کاری نیست
- طراحی کامل UI از صفر یا ساخت mockup بصری
- تحلیل عملکرد backend، امنیت سرور یا کیفیت محتوای متنی
- وقتی فایل یا pattern مشخصی برای بررسی ندارید
دربارهٔ این اسکیل
Web Interface Guidelines
Review files for compliance with Web Interface Guidelines.
How It Works
- Fetch the latest guidelines from the source URL below
- Read the specified files (or prompt user for files/pattern)
- Check against all rules in the fetched guidelines
- Output findings in the terse
file:lineformat
Guidelines Source
Fetch fresh guidelines before each review:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.
Usage
When a user provides a file or pattern argument:
- Fetch guidelines from the source URL above
- Read the specified files
- Apply all rules from the fetched guidelines
- Output findings using the format specified in the guidelines
If no files specified, ask the user which files to review.