web-design-guidelines by akillness/oh-my-skills
npx skills add https://github.com/akillness/oh-my-skills --skill web-design-guidelines审查文件是否符合 Vercel 的 Web 界面规范。
文件:行号 格式输出检查结果每次审查前获取最新的规范:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
使用 WebFetch 获取最新的规则。获取的内容包含所有规则和输出格式说明。
使用 WebFetch:
WebFetch URL: https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Prompt: "Extract all UI rules and guidelines"
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
读取并分析用户提供的文件或模式。
要分析的文件:
将获取的规范中的所有规则应用到文件中,并输出违规情况。
Review my UI code:
- File: src/components/Button.tsx
Check accessibility:
- Pattern: src/**/*.tsx
遵循规范中指定的格式(通常是 文件:行号):
src/components/Button.tsx:15 - Button should have aria-label for icon-only buttons
src/components/Modal.tsx:42 - Modal should trap focus within itself
src/pages/Home.tsx:8 - Main content should be wrapped in <main> element
当用户提供文件或模式参数时:
如果未指定文件,请询问用户要审查哪些文件。
文件:行号 格式指定违规位置#UI #review #web-interface #guidelines #vercel #design-audit #UX #frontend
每周安装数
1
代码仓库
GitHub 星标数
3
首次出现
1 天前
安全审计
安装于
mcpjam1
claude-code1
junie1
windsurf1
zencoder1
crush1
Review files for compliance with Vercel's Web Interface Guidelines.
file:line formatFetch 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.
Use WebFetch :
WebFetch URL: https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Prompt: "Extract all UI rules and guidelines"
Read and analyze the files or patterns provided by the user.
Files to analyze :
Apply all rules from the fetched guidelines to the files and output violations.
Review my UI code:
- File: src/components/Button.tsx
Check accessibility:
- Pattern: src/**/*.tsx
Follow the format specified in the guidelines (typically file:line):
src/components/Button.tsx:15 - Button should have aria-label for icon-only buttons
src/components/Modal.tsx:42 - Modal should trap focus within itself
src/pages/Home.tsx:8 - Main content should be wrapped in <main> element
When a user provides a file or pattern argument:
If no files specified, ask the user which files to review.
file:line format#UI #review #web-interface #guidelines #vercel #design-audit #UX #frontend
Weekly Installs
1
Repository
GitHub Stars
3
First Seen
1 day ago
Security Audits
Gen Agent Trust HubWarnSocketFailSnykWarn
Installed on
mcpjam1
claude-code1
junie1
windsurf1
zencoder1
crush1
agentation - AI智能体可视化UI反馈工具,连接人眼与代码的桥梁
5,400 周安装
Better Auth 电子邮件与密码最佳实践:安全登录、验证与密码重置配置指南
7,600 周安装
背景移除工具 - 使用inference.sh CLI快速去除图片背景,支持透明PNG输出
7,500 周安装
AI虚拟形象视频生成工具 - 说话头部与口型同步技术,支持多语言配音
7,600 周安装
融资演示文稿视觉设计工具 - 一键生成专业Pitch Deck幻灯片,符合投资者要求
7,600 周安装
AI RAG 管道构建指南:使用 inference.sh CLI 快速搭建检索增强生成系统
7,500 周安装
AI播客创作工具 - 使用inference.sh CLI快速生成AI驱动播客和音频内容
7,500 周安装