LogoClawIndex
案例技能关于
LogoClawIndex

UISkills - 代理UI开发约束与最佳实践

面向代理构建用户界面的约束规范与最佳实践

标签

更新于: 2026-02-17
UI设计React开发前端约束可访问性动画最佳实践

能力

典型输入

典型输出

该技能可以做什么

  • 使用Tailwind CSS默认值
  • 应用motion/react进行动画
  • 实现可访问组件
  • 为破坏性操作使用AlertDialog
  • 应用结构骨架
  • 尊重safe-area-inset
  • 使用text-balance处理标题
  • 遵循固定z-index比例

输入

  • UI组件需求
  • React界面规范
  • 前端开发任务
  • 用户界面开发需求

输出

  • UI组件
  • React界面
  • 前端代码
  • 用户界面实现

要求

  • 代理UI开发上下文
  • React开发环境
  • Tailwind CSS技术栈

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
使用Tailwind CSS默认值
应用motion/react进行动画
实现可访问组件
为破坏性操作使用AlertDialog
UI组件需求
React界面规范
前端开发任务
UI组件
React界面
前端代码