LogoClawIndex
案例技能关于
LogoClawIndex

material-design - 按 Material Design 3 指南构建设计界面

遵循 Google Material Design 3 指南创建 UI 组件和设计，涵盖主题、布局、无障碍、动效及界面模式。

标签

更新于: 2026-10-08
Material DesignMaterial You用户界面设计设计系统无障碍

能力

典型输入

典型输出

该技能可以做什么

  • 创建 Material UI 组件
  • 应用 Material 3 主题
  • 定义颜色和字体比例
  • 实现层级与形状
  • 构建响应式布局
  • 添加无障碍交互状态
  • 实现动效模式

输入

    输出

    • Material UI 组件设计
    • Material 主题规范
    • 响应式界面实现

    要求

      来源

      • 规范: SKILL.md

      ClawIndex

      OpenClaw Skills 与 Use Case 索引

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

      索引

      Skills·
      Cases

      Meta

      关于·
      声明·
      邮箱·
      GitHub
      © 2026 ClawIndex 保留所有权利。
      创建 Material UI 组件
      应用 Material 3 主题
      定义颜色和字体比例
      实现层级与形状
      Material UI 组件设计
      Material 主题规范
      响应式界面实现