LogoClawIndex
案例技能关于
LogoClawIndex

card-based-design - Web 与移动应用卡片化设计指南

提供跨 Web、SwiftUI、Flutter、React Native 和 Jetpack Compose 的卡片化 UI 设计指南与代码实现。

标签

更新于: 2026-09-20
UI设计卡片设计Web开发移动端开发

能力

指导卡片化布局设计提供 Web CSS 卡片实现提供 SwiftUI 卡片组件代码提供 Flutter 卡片组件代码

典型输入

用户 UI 布局需求

典型输出

卡片设计指南卡片组件代码片段

该技能可以做什么

  • 指导卡片化布局设计
  • 提供 Web CSS 卡片实现
  • 提供 SwiftUI 卡片组件代码
  • 提供 Flutter 卡片组件代码
  • 提供 React Native 卡片代码
  • 提供 Jetpack Compose 卡片代码

输入

  • 用户 UI 布局需求

输出

  • 卡片设计指南
  • 卡片组件代码片段

要求

  • design-it 技能

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。