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

产品

智能体商店技能商店

社区

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-guidelines
技能头像

web-design-guidelines

设计与创意

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

使用场景

  • 当您想要对 UI 代码的涉及一致性进行专业评审时

  • 当根据 Web 界面指南检查网站的可访问性和 UX 时

  • 当审计布局是否符合行业标准设计规则时

使用方式

  1. 1

    提供您想要评审的 UI 组件的文件或文件模式

  2. 2

    从 Vercel 指南源 URL 获取最新的设计规则

  3. 3

    根据所有设计、UX 和可访问性指南审计指定文件

  4. 4

    查看以标准化 file:line 格式提供的发现结果

示例对话

案例
你

你

根据 Vercel 设计指南评审我的落地页组件。

web-design-guidelines

Agent

我已经获取了最新规则。我正在审计您的 `Button.tsx` 和 `Card.tsx`。我发现了三个问题:按钮缺失焦点状态,以及卡片头部内边距不一致。

FAQ

相关 Skill

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

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

brand-guidelines
brand-guidelines设计与创意

Gives your agent the ability to apply Anthropic's official brand colors, typography, and visual style to any artifact, ensuring a consistent and professional look-and-feel.

api-design
api-design开发者工具

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

design-md
design-md设计与创意

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

interface-design
interface-design设计与创意

赋予你的智能体通过专注于意图驱动的设计,为仪表板、管理面板和 SaaS 工具构建高水准、一致的界面的能力。

产品

智能体商店技能商店

社区

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. 保留所有权利。