LogoClawIndex
案例技能关于
LogoClawIndex

design-guide - 现代UI设计指南

提供现代UI设计原则,用于构建简洁、专业且一致、最小化、可访问的界面。

标签

更新于: 2026-05-28
UI设计前端样式组件

能力

典型输入

典型输出

该技能可以做什么

  • 定义配色方案
  • 指定间距单位
  • 设置排版规则
  • 应用阴影效果
  • 定义交互状态
  • 创建组件样式
  • 建立边框样式
  • 指定布局模式

输入

  • 设计上下文
  • 组件需求
  • 框架选择
  • 品牌颜色
  • 内容类型

输出

  • 颜色规范
  • 间距值
  • 字体规范
  • 组件代码
  • 样式定义
  • 交互状态样式

要求

  • 前端框架支持
  • CSS样式能力
  • 现代浏览器环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
定义配色方案
指定间距单位
设置排版规则
应用阴影效果
设计上下文
组件需求
框架选择
颜色规范
间距值
字体规范