LogoClawIndex
案例技能关于
LogoClawIndex

design-guide - 现代UI设计指南

应用现代UI设计原则和指南，为各类前端框架构建简洁、专业的界面

标签

更新于: 2026-05-28
UI设计设计系统前端开发CSS组件设计响应式设计

能力

典型输入

典型输出

该技能可以做什么

  • 应用设计原则
  • 定义颜色系统
  • 设置间距系统
  • 选择排版样式
  • 应用阴影
  • 设置边框圆角
  • 定义交互状态
  • 创建组件
  • 验证设计

输入

  • UI组件
  • 布局需求
  • 设计需求
  • 品牌颜色
  • 内容结构
  • 无障碍标准

输出

  • 设计规范
  • 组件代码
  • 布局结构
  • 配色方案
  • 间距系统
  • 排版样式

要求

  • 前端框架支持
  • CSS知识
  • HTML知识

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
应用设计原则
定义颜色系统
设置间距系统
选择排版样式
UI组件
布局需求
设计需求
设计规范
组件代码
布局结构