LogoClawIndex
案例技能关于
LogoClawIndex

frontend-design - 构建或修改 UI 时的视觉设计指导。

在创建或更新用户界面时提供视觉层级、排版、布局、组件状态与无障碍性方面的设计指导。

标签

更新于: 2026-09-17
前端UI设计排版设计系统无障碍

能力

典型输入

典型输出

该技能可以做什么

  • 检查现有的视觉参考资料
  • 规划视觉层级与排版规范
  • 设计交互式界面状态
  • 实现响应式 Web 组件
  • 验证无障碍性与布局渲染

输入

  • 设计需求
  • 现有组件与设计 Token
  • 界面内容与参考资料

输出

  • 界面组件代码
  • 视觉状态更新
  • 检查报告

要求

  • 现代 Web 浏览器目标
  • Web 检查工具

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
检查现有的视觉参考资料
规划视觉层级与排版规范
设计交互式界面状态
实现响应式 Web 组件
设计需求
现有组件与设计 Token
界面内容与参考资料
界面组件代码
视觉状态更新
检查报告