tai-ch0802/web-design-guidelines
i18n/zh-TW/web-design-guidelines/SKILL.md
審查 UI 程式碼是否符合 Web Interface Guidelines。用於「審查我的 UI」、「檢查無障礙」、「稽核設計」、「審查 UX」或「檢查最佳實踐」。
$ install --global
skillsauthnpx skillsauth add tai-ch0802/skills-bundle web-design-guidelinesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 5, 2026, 4:50 AM209.2s1 file scanned
SKILL.md
- name:
- web-design-guidelines
- description:
- 審查 UI 程式碼是否符合 Web Interface Guidelines。用於「審查我的 UI」、「檢查無障礙」、「稽核設計」、「審查 UX」或「檢查最佳實踐」。
- author:
- vercel
- version:
- 1.0.0
- argument-hint:
- <file-or-pattern>
Web Interface Guidelines
審查檔案是否符合 Web Interface Guidelines。
運作方式
- 從下方來源 URL 抓取最新指南
- 閱讀指定檔案（或提示使用者提供檔案/模式）
- 檢查抓取的指南中的所有規則
- 以簡潔的
file:line格式輸出結果
指南來源
每次審查前抓取最新指南：
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
使用 WebFetch 擷取最新規則。抓取的內容包含所有規則和輸出格式說明。
使用方式
當使用者提供檔案或模式參數時：
- 從上方來源 URL 抓取指南
- 閱讀指定檔案
- 應用抓取指南中的所有規則
- 使用指南中指定的格式輸出結果
如果未指定檔案，詢問使用者要審查哪些檔案。
相關技能
| 技能 | 適用時機 | |------|----------| | frontend-design | 編碼前 — 學習設計原則（色彩、排版、UX 心理）| | web-design-guidelines（本技能）| 編碼後 — 無障礙、效能和最佳實踐稽核 |
設計工作流
1. 設計 → 閱讀 frontend-design 原則
2. 編碼 → 實作設計
3. 稽核 → 執行 web-design-guidelines 審查 ← 你在這裡
4. 修復 → 處理稽核發現的問題
Related Skills
tai-ch0802/testing-mastery
development
VerifiedTrustedCommunity
Unified testing skill — TDD workflow, unit/integration patterns, E2E/Playwright strategies. Replaces tdd-workflow + testing-patterns + webapp-testing.
2SKILL.mdUpdated May 5, 2026
tai-ch0802/skill-vetter
testing
VerifiedTrustedCommunity
Security-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
2SKILL.mdUpdated May 5, 2026
tai-ch0802/sdd
development
VerifiedTrustedCommunity
Spec-Driven Development (SDD): A structured workflow (Requirement -> Analysis -> Implementation) enforcing explicit documentation before coding.
2SKILL.mdUpdated May 5, 2026
tai-ch0802/sa
development
VerifiedTrustedCommunity
Methodologies for System Analysis (SA), focusing on technical architecture, data flow modeling, and API design.
2SKILL.mdUpdated May 5, 2026