LogoClawIndex
CasesSkillsAbout
LogoClawIndex

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.

Skills tagged: UI Design

Browse skills that share this tag.

  • liquid-glass-design - iOS 26 Liquid Glass Design System
    iOS 26Liquid GlassSwiftUIUIKit

    ★ 1 · Updated 2026-09-20

    Provides design patterns and code implementations for iOS 26 dynamic Liquid Glass materials across SwiftUI, UIKit, and WidgetKit.

    ⚙ Apply basic glass effect⚙ Customize glass shape and tint⚙ Group elements with glass container
  • liquid-glass-design - Liquid Glass Design System for iOS 26
    iOS 26SwiftUIUIKitWidgetKit

    ★ 36 · Updated 2026-09-20

    Dynamic glass material design system for SwiftUI, UIKit, and WidgetKit in iOS 26 featuring blur, reflection, and morphing interaction effects.

    ⚙ Apply basic SwiftUI glass effects⚙ Customize glass shapes and tints⚙ Apply glass button styles
  • hig-technologies - Apple HIG Technologies Guidelines
    Apple HIGApple TechnologiesUI DesignAccessibility

    ★ 17 · Updated 2026-09-18

    Provides Apple Human Interface Guidelines, implementation checklists, privacy requirements, and testing guidance for integrating Apple technologies.

    ⚙ Provide implementation checklists⚙ Detail privacy and permission requirements⚙ Outline user facing flows
  • design-guide - Modern UI Design Guidelines
    UI DesignFrontend DevelopmentDesign SystemWeb Development

    ★ 0 · Updated 2026-05-28

    Provides modern UI design principles for creating clean and professional web interfaces

    ⚙ apply design principles⚙ create UI components⚙ build layouts
  • flutter-ui-design - Flutter Modern UI Design Guidelines
    FlutterUI DesignMaterial DesignMobile Development

    ★ 602 · Updated 2026-05-09

    Flutter modern UI design guidelines based on Material Design 3

    ⚙ apply typography design⚙ configure color schemes⚙ implement elevation effects
  • todo-signin-ui - Premium Todo Sign-In UI
    UI DesignLoginGlassmorphismResponsive

    ★ 602 · Updated 2026-03-20

    Generate black-background pink glassmorphic sign-in UI with two-panel layout

    ⚙ design sign-in page⚙ configure glassmorphism⚙ create login form
  • frontend-design - Production-Grade React Frontend Design
    ReactFrontendUI DesignTailwind CSS

    ★ 0 · Updated 2026-03-19

    Create distinctive production-grade frontend interfaces with React frameworks

    ⚙ Create web components⚙ Build React applications⚙ Style with Tailwind CSS
  • ios-style-designer - iOS-Style Web Interface Designer for Apple HIG Compliance
    UI DesigniOSWeb DevelopmentFrontend

    ★ 0 · Updated 2026-03-09

    Architects web interfaces adhering to Apple's Human Interface Guidelines for iOS/iPadOS native design patterns

    ⚙ implement glassmorphism effects⚙ apply SF Pro typography⚙ create light/dark mode designs
  • hig-components-status - Apple HIG Status Components Guide for UI Design
    Apple HIGUI DesignProgress IndicatorsStatus Components

    ★ 211 · Updated 2026-02-24

    Provides Apple Human Interface Guidelines for status and progress UI components including progress indicators, status bars, and activity rings.

    ⚙ recommend indicator types⚙ provide timing guidance⚙ offer animation suggestions
  • ui-design - Awwards Quality UI Design with Tailwind CSS
    UI DesignFrontendTailwind CSSResponsive Design

    ★ 0 · Updated 2026-02-24

    Designs modern, high-quality user interfaces using Tailwind CSS and design systems

    ⚙ generate design system guidelines⚙ create UI components⚙ apply brand colors
  • UISkills - Agent UI Development Constraints and Best Practices
    UI DesignReact DevelopmentFrontend ConstraintsAccessibility

    ★ 18 · Updated 2026-02-17

    Opinionated constraints and best practices for building user interfaces with agents

    ⚙ use Tailwind CSS defaults⚙ apply motion/react for animations⚙ implement accessible components
  • premium-ui-design - Premium UI Design System for Wasser Project
    UI DesignDesign SystemGlassmorphismAnimation

    ★ 0 · Updated 2026-02-13

    Design system guidelines focusing on glassmorphism, animations, and high-end aesthetics

    ⚙ apply glassmorphism effects⚙ set color palette⚙ configure animations