LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

UISkills - 构建Agent友好界面的UI技能

构建Agent友好用户界面的约束性指导原则

标签

更新于: 2026-02-17

能力

典型输入

典型输出

该技能可以做什么

  • 使用Tailwind CSS默认值
  • 使用motion/react实现动画
  • 使用无障碍组件基元
  • 为图标按钮添加aria标签
  • 使用AlertDialog处理破坏性操作
  • 尊重减少动画偏好设置
  • 使用text-balance处理标题
  • 使用固定z-index层级
  • 避免未经请求的渐变效果
  • 限制强调色使用

输入

  • UI组件需求
  • 前端开发任务
  • 用户界面规范
  • 设计系统指南

输出

  • React组件
  • Tailwind CSS界面
  • 无障碍UI元素
  • 动画用户界面

要求

  • React环境
  • Tailwind CSS配置
  • TypeScript支持
  • 现代JavaScript运行时

来源

  • 规范: SKILL.md
UI
前端
React
TailwindCSS
无障碍
动画
使用Tailwind CSS默认值
使用motion/react实现动画
使用无障碍组件基元
为图标按钮添加aria标签
UI组件需求
前端开发任务
用户界面规范
React组件
Tailwind CSS界面
无障碍UI元素