mcpField
U
ui-skills

ui-skills

github.com/sickn33设计与 UI48.7k605 次安装1 天前更新
代码仓库

关于 ui-skills

ui-skills 是面向界面构建 Agent 的技能,帮助选用相关 UI 指南检查布局、交互和无障碍,同时保留项目原有设计风格。

主要功能

  1. 01为界面构建 Agent 提供指导
  2. 02选择相关 UI 流程
  3. 03检查布局与交互
  4. 04识别无障碍问题
  5. 05结合项目检查验证修改

适用场景

  1. 01审查界面并找出重要设计问题
  2. 02规划可实施的界面改进
  3. 03按项目设计风格验证修改

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill ui-skills

安装后在 Claude Code 中输入/ui-skills确认已加载。

详细介绍

Ui Skills

概述

用于指导 Agent 构建界面的、具有明确倾向且不断演进的约束

何时使用此技能

当你需要使用具有明确倾向且不断演进的约束来指导 Agent 构建界面时,请使用此技能。

操作步骤

此入口链接到外部 UI 指导集合;其中不包含完整的上游规则。检查所需界面、现有设计系统、目标设备和无障碍要求。选择相关的已安装操作步骤,或在应用之前阅读所选上游指南的完整内容。报告观察到的布局、交互和无障碍问题,注明位置并提出修正建议。保留项目的设计语言,并使用实际渲染器和项目检查验证更改。不要声称已运行无法使用的指南或进行视觉检查。

来源:UI Skills。

示例

用户请求:

使用 @ui-skills 审查此界面,找出影响最大的设计问题,并提出可直接用于实现的改进方案。

限制

  • 仅当任务明确符合上述范围时,才使用此技能。
  • 不要将输出视为环境专属验证、测试或专家审查的替代品。
  • 如果缺少必需的输入、权限、安全边界或成功标准,请停止并请求澄清。

评论

支持 Markdown