Web Interface Guidelines
作者: Vercel
審查UI程式碼是否符合Web介面指南。當被要求「審查我的UI」、「檢查無障礙性」、「審計設計」、「審查UX」或「檢查我的網站是否符合最佳實踐」時使用。
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelinesWeb 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.
來自 Vercel 的更多技能
React Best Practices
Vercel
來自 Vercel Engineering 的 React 與 Next.js 效能優化指南。此技能應在撰寫、審查或重構 React/Next.js 程式碼時使用,以確保採用最佳效能模式。觸發於涉及 React 元件、Next.js 頁面、資料擷取、套件最佳化或效能改善的任務。
developmentfeatured
Vercel Deploy
Vercel
將應用程式與網站部署至 Vercel。當使用者提出部署相關要求時使用此技能,例如「部署我的應用程式」、「將此部署至正式環境」、「建立預覽部署」、「部署並給我連結」或「將此上線」。無需驗證即可取得預覽網址與可認領的部署連結。
development
Agent Browser
Vercel
自動化瀏覽器操作,用於網頁測試、表單填寫、螢幕截圖與資料擷取。
browser-automationofficial