web-design-guidelines

bởi sentry

Rà soát mã giao diện người dùng để tuân thủ Web Interface Guidelines. Sử dụng khi được yêu cầu "rà soát UI của tôi", "kiểm tra khả năng truy cập", "đánh giá thiết kế", "xem xét UX", hoặc "kiểm tra trang web của tôi…

npx skills add https://github.com/getsentry/webvitals.com --skill web-design-guidelines

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

  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. Output findings in the terse file:line format

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:

  1. Fetch guidelines from the source URL above
  2. Read the specified files
  3. Apply all rules from the fetched guidelines
  4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

Thêm skills từ sentry

generate-frontend-forms
sentry
Hướng dẫn tạo biểu mẫu bằng hệ thống biểu mẫu mới của Sentry. Sử dụng khi triển khai biểu mẫu, trường biểu mẫu, xác thực hoặc chức năng tự động lưu.
official
sentry-snapshots-cocoa
sentry
Thiết lập đầy đủ Sentry Snapshots cho các dự án Apple/Cocoa. Sử dụng khi được yêu cầu "thiết lập SnapshotPreviews", "thiết lập kiểm thử snapshot Apple", "tải lên snapshot Apple lên…
official
architecture-review
sentry
Đánh giá sức khỏe mã nguồn ở cấp độ nhân viên. Phát hiện các module nguyên khối, lỗi âm thầm, khoảng trống an toàn kiểu dữ liệu, lỗ hổng độ phủ kiểm thử và các vấn đề về thân thiện với LLM.
official
linear-type-labeler
sentry
Phân loại các vấn đề Linear và áp dụng nhãn Loại từ hệ thống phân loại nhãn của không gian làm việc Sentry dựa trên nội dung tiêu đề và mô tả của từng vấn đề.
official
vercel-react-best-practices
sentry
Hướng dẫn tối ưu hiệu suất React và Next.js từ Vercel Engineering. Kỹ năng này nên được sử dụng khi viết, xem xét hoặc tái cấu trúc mã React/Next.js…
official
bump-size-limit
sentry
Tăng giới hạn kích thước trong .size-limit.js khi kiểm tra CI size-limit thất bại. Sử dụng khi người dùng đề cập đến lỗi giới hạn kích thước, kiểm tra kích thước bundle thất bại, CI size…
official
generate-migration
sentry
Tạo migrations cơ sở dữ liệu Django cho Sentry. Sử dụng khi tạo migrations, thêm/xóa cột hoặc bảng, thêm chỉ mục, hoặc giải quyết migration…
official
security-review
sentry
Phát hiện các lỗ hổng bảo mật ứng dụng có thể khai thác trong các thay đổi mã nguồn. Sử dụng cho quét bảo mật Warden, đánh giá appsec, kiểm tra theo phong cách OWASP, xác thực hoặc…
official