LogoClawIndex
CasesSkillsAbout
LogoClawIndex

card-based-design - Card-Based Design Guide for Web and Mobile Apps

Provides guidelines and code implementations for card-based UI designs across Web, SwiftUI, Flutter, React Native, and Jetpack Compose.

Tags

Updated: 2026-09-20

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Guide card-based layout design
  • Provide Web CSS card implementations
  • Provide SwiftUI card component code
  • Provide Flutter card component code
  • Provide React Native card code
  • Provide Jetpack Compose card code

Inputs

  • User UI layout request

Outputs

  • Card design guidelines
  • Card component code snippets

Requirements

  • design-it skill

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
ui-design
card-based-design
web-development
mobile-development
Guide card-based layout design
Provide Web CSS card implementations
Provide SwiftUI card component code
Provide Flutter card component code
User UI layout request
Card design guidelines
Card component code snippets