首页智能体商店技能商店团队商店博客
开始使用

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/web-design-reviewer
技能头像

web-design-reviewer

设计与创意

让您的智能体能够视觉检查网站并修复布局损坏或可访问性 bug 等设计问题。

使用场景

  • 当您需要修复在特定屏幕尺寸下出现的响应式设计问题时

  • 当识别视觉不一致、布局重叠或内容溢出时

  • 当检查对比度低或缺失焦点状态等可访问性问题时

使用方式

  1. 1

    确保目标网站正在本地或远程 URL 上运行

  2. 2

    使用浏览器自动化捕获截图并在不同视口下检查 DOM

  3. 3

    识别设计问题并在源码中搜索对应的源文件

  4. 4

    应用最小的代码修复来解决问题,并通过新的截图进行验证

示例对话

案例
你

你

我的页头在移动端与内容重叠了。您能修复它吗?

web-design-reviewer

Agent

我将导航到您位于 localhost:3000 的站点并捕获移动端截图。我看到了重叠。我正在搜索您的页头组件,我将调整 CSS z-index 和内边距来修复布局。

FAQ

相关 Skill

查看更多
web-design-guidelines
web-design-guidelines设计与创意

让您的智能体能够审计 Web 界面是否符合 Vercel 设计和 UX 最佳实践。

power-bi-model-design-review
power-bi-model-design-review数据与分析

使您的代理能够评估和优化 Power BI 数据模型架构,以提高性能和可扩展性。

dotnet-design-pattern-review
dotnet-design-pattern-review开发者工具

赋予您的智能体审查您的 C# 和 .NET 代码以进行正确的设计模式实现,并提供可操作的架构建议的能力。

design-md
design-md设计与创意

赋予您的智能体分析来自 Stitch 项目的技术资产并将其综合为语义化的 DESIGN.md 文件的能力。

api-design
api-design开发者工具

Gives your agent the ability to design high-quality RESTful and GraphQL APIs following industry best practices and OpenAPI standards.

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。