web-design-guidelines
Review UI code for Web Interface Guidelines compliance.
Skill by boshi-xixixi
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/boshi-xixixi-web-design-guidelines
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, security
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/web-design-guidelines
What's inside
- Skill name
web-design-guidelines- Description
- Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
- License
- MIT
- Instructions
- 32 lines in SKILL.md · view on GitHub
Agent Skills spec issues
- name: "web-design-guidelines" does not match folder "02_Designer_WebGuidelines"
Files (1)
- SKILL.md
SKILL.md (first lines)
# 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. Use `mcp-feedback-enhanced` (e.g., `ask_followup_question`) if available.
From boshi-xixixi/agenticflow-skills, MIT.
More from boshi-xixixi/agenticflow-skills
- 0.461score
gitops-workflow
boshi-xixixi
Implement GitOps workflows with ArgoCD and Flux for automated, declarative Kubernetes deployments with continuous reconciliation.
SkillDFreshness: D★ 7Claude Code +9 - 0.460score
Browser Automation Expert
boshi-xixixi
浏览器自动化与网页测试专家。支持基于 MCP 工具(Puppeteer/Playwright)的实时交互,以及基于 Python 脚本的复杂自动化流实现。
SkillDFreshness: D★ 7Claude Code +9 - 0.460score
UI/UX Intelligence Expert
boshi-xixixi
UI/UX 设计智能库与推荐专家。包含 67 种风格、96 种配色方案、57 种字体搭配、99 条 UX 指南,支持跨技术栈的设计系统生成。
SkillDFreshness: D★ 7Claude Code +9 - 0.460score
Tech Stack Selector & Architect
boshi-xixixi
专门用于在项目初期或重大功能迭代时进行技术栈选择与方案评估。支持根据 PRD 自动生成 2-3 套对比方案,涵盖前端、后端、数据库及中间件,并提供优劣势分析(性能、SEO、开发成本、可维护性)和最终选型建议。
SkillDFreshness: D★ 7Claude Code +9 - 0.459score
git-workflow
boshi-xixixi
Git 版本控制与协作专家,涵盖 GitHub/Gitee 平台操作、Conventional Commits 规范及 PR/MR 最佳实践。
SkillDFreshness: D★ 7Claude Code +9 - 0.457score
Flutter Development Expert
boshi-xixixi
专注于构建高性能、可扩展且架构清晰的 Flutter 应用。涵盖整洁架构、高级状态管理和深度性能优化。
SkillDFreshness: D★ 7Claude Code +9 - 0.455score
GitHub Search & Discovery
boshi-xixixi
专用于在 GitHub 上搜索现有的开源库、工具、MCP Server 或最佳实践代码。当你想在开始开发前查找是否有“现成的轮子”或参考案例时使用。
SkillDFreshness: D★ 7Claude Code +9 - 0.455score
Meta Dispatcher & Task Orchestrator
boshi-xixixi
PRD 驱动的任务调度与技能管理专家。接收完整 PRD/需求文档,负责拆解业务、选择技术栈、路由到合适的专业 Skill,并维护从方案到落地的全流程。
SkillDFreshness: D★ 7Claude Code +9 - 0.452score
Backend Python Expert
boshi-xixixi
专注于 Python 后端开发,涵盖 FastAPI、异步编程和性能优化。
SkillDFreshness: D★ 7Claude Code +9 - 0.452score
Gitee Workflow Automation
boshi-xixixi
深度集成 Gitee MCP,实现 Issue 管理、PR 自动化提交、代码审查和版本发布的全流程自动化。
SkillDFreshness: D★ 7Claude Code +9 - 0.449score
Backend Database Expert
boshi-xixixi
专注于数据库设计、SQL 优化和迁移策略。
SkillDFreshness: D★ 7Claude Code +9 - 0.449score
Backend Node.js Expert
boshi-xixixi
专注于 Node.js 后端开发模式与最佳实践。
SkillDFreshness: D★ 7Claude Code +9
Signals
- Stars
- 7
- Forks
- 1
- Open issues
- 0
- Last commit (this folder)
- Jan 23, 2026 (9 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
More from boshi-xixixi
- 0.461score
gitops-workflow
boshi-xixixi
Implement GitOps workflows with ArgoCD and Flux for automated, declarative Kubernetes deployments with continuous reconciliation.
SkillDFreshness: D★ 7Claude Code +9 - 0.460score
Browser Automation Expert
boshi-xixixi
浏览器自动化与网页测试专家。支持基于 MCP 工具(Puppeteer/Playwright)的实时交互,以及基于 Python 脚本的复杂自动化流实现。
SkillDFreshness: D★ 7Claude Code +9 - 0.460score
Tech Stack Selector & Architect
boshi-xixixi
专门用于在项目初期或重大功能迭代时进行技术栈选择与方案评估。支持根据 PRD 自动生成 2-3 套对比方案,涵盖前端、后端、数据库及中间件,并提供优劣势分析(性能、SEO、开发成本、可维护性)和最终选型建议。
SkillDFreshness: D★ 7Claude Code +9 - 0.460score
UI/UX Intelligence Expert
boshi-xixixi
UI/UX 设计智能库与推荐专家。包含 67 种风格、96 种配色方案、57 种字体搭配、99 条 UX 指南,支持跨技术栈的设计系统生成。
SkillDFreshness: D★ 7Claude Code +9 - 0.459score
git-workflow
boshi-xixixi
Git 版本控制与协作专家,涵盖 GitHub/Gitee 平台操作、Conventional Commits 规范及 PR/MR 最佳实践。
SkillDFreshness: D★ 7Claude Code +9 - 0.457score
Flutter Development Expert
boshi-xixixi
专注于构建高性能、可扩展且架构清晰的 Flutter 应用。涵盖整洁架构、高级状态管理和深度性能优化。
SkillDFreshness: D★ 7Claude Code +9
Cite this page
web-design-guidelines skill. Agent Mart. https://agentmart.dev/skills/boshi-xixixi-web-design-guidelines (last updated 2026-10-24)