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: responsive

Browse skills that share this tag.

  • adapt - Adapt designs across screen sizes, devices, and platforms.
    designresponsiveadaptationcross-platform

    ★ 0 · Updated 2026-09-18

    Adapts existing designs, layouts, navigation, and interactions to work effectively across different screen sizes, devices, platforms, or use cases.

    ⚙ Assess adaptation challenges⚙ Plan context adaptation strategies⚙ Implement responsive layout adaptations
  • design - Design system guide for Flutter UI components and themes
    flutteruidesign-systemtheming

    ★ 0 · Updated 2026-09-11

    Provides guidance for implementing Flutter UI components, custom themes, responsive layouts, accessibility features, and network media error handling.

    ⚙ Implement Flutter UI components⚙ Configure app theme extensions⚙ Build responsive screen layouts
  • frontend-ui-engineering - Frontend UI Engineering
    frontenduiwebdesign-system

    ★ 25 · Updated 2026-09-10

    Build and refine web UI including component structure, responsive layout, design tokens, state, and accessibility.

    ⚙ Inventory existing components and tokens⚙ Structure semantic HTML components⚙ Implement responsive layouts
  • ui-styling - UI Styling with shadcn/ui & Tailwind
    styling systemUI componentsresponsivedark mode

    ★ 0 · Updated 2026-06-30

    Create accessible UIs with shadcn/ui, Tailwind CSS, and canvas designs

    ⚙ build UI components⚙ create layouts⚙ style with CSS
  • bootstrap5-ui - Bootstrap 5 UI patterns for .NET
    bootstrapuirazorresponsive

    ★ 9 · Updated 2026-06-30

    Build responsive web UIs with Bootstrap 5.3 for HTML and ASP.NET Core Razor Pages

    ⚙ create responsive layouts⚙ build navigation bars⚙ design form components
  • Frontend Design - Design production-ready frontend interfaces
    frontenddesign-systemsresponsiveaccessibility

    ★ 19 · Updated 2026-05-28

    Design and build responsive, accessible frontend interfaces with design systems and dark mode support.

    ⚙ analyze requirements⚙ define design tokens⚙ build component variants
  • Frontend Design - Design production-ready frontend interfaces
    frontendweb designresponsiveaccessibility

    ★ 92 · Updated 2026-05-28

    Design and build responsive frontend interfaces with design systems and accessibility

    ⚙ implement semantic HTML⚙ apply ARIA attributes⚙ define responsive breakpoints
  • responsive-patterns - Responsive React design with container queries
    responsivecontainer-queriesfluid-typographymobile-first

    ★ 128 · Updated 2026-05-11

    Modern responsive design patterns using Container Queries, fluid typography, and mobile-first strategies for React applications

    ⚙ create container query components⚙ implement fluid typography⚙ build responsive layouts
  • react-layout - React Layout with BAIFlex and Theme Tokens
    layoutspacingflexboxresponsive

    ★ 128 · Updated 2026-05-11

    Use BAIFlex for flex layouts and theme tokens for consistent spacing in React components

    ⚙ create BAIFlex layout⚙ set gap values⚙ apply theme tokens
  • mui - Material UI React Component Library
    ui-libraryreactmaterial-designcomponent-library

    ★ 602 · Updated 2026-03-26

    Best practices for using Material UI components in React applications with theming, customization, and accessibility support.

    ⚙ configure MUI theme⚙ create custom components⚙ implement dark mode
  • design-improvement - Systematic Design Optimization for Websites
    designresponsiveUIUX

    ★ 18 · Updated 2026-03-22

    Systematically optimize website design following established principles

    ⚙ analyze design⚙ propose improvements⚙ update styles
  • design-improvement - Systematic Design Optimization
    designUIUXresponsive

    ★ 602 · Updated 2026-03-22

    Systematic design optimization ensuring color consistency, responsive layout, and professional appearance

    ⚙ analyze current design⚙ propose design improvements⚙ update Tailwind classes
  • visual-audit - Comprehensive Visual Design Audit Tool
    auditdesignUIUX

    ★ 4 · Updated 2026-03-20

    Captures screenshots across viewports and modes, analyzes design quality, and identifies UI issues

    ⚙ discover routes⚙ capture screenshots⚙ set viewport
  • todo-signin-ui - Premium Todo App Sign-In UI Generator
    UI designsign-in pageglassmorphismresponsive

    ★ 0 · Updated 2026-03-20

    Generate premium black-background pink glassmorphic sign-in page for todo app

    ⚙ generate sign-in page⚙ create layout structure⚙ design form fields
  • recharts - React Data Visualization with Recharts
    data visualizationchartsReactresponsive

    ★ 18 · Updated 2026-03-19

    Build responsive, interactive charts including line, bar, area, and pie using the Recharts React library.

    ⚙ create line chart⚙ create bar chart⚙ create area chart
  • recharts - React Data Visualization with Recharts
    data visualizationchartsReactresponsive

    ★ 602 · Updated 2026-03-19

    Build responsive, interactive charts using Recharts React library

    ⚙ Create line charts⚙ Create bar charts⚙ Create area charts
  • refactor_nextjs_nav_mobile_toggle_labels - Next.js Navigation Refactoring with Mobile Toggle and Labels
    navigationmobileresponsivenextjs

    ★ 581 · Updated 2026-03-09

    Refactor Next.js navigation components to add mobile toggle functionality and text labels for improved mobile usability

    ⚙ import React hooks⚙ initialize state variables⚙ create toggle handlers
  • cui-css - Modern CSS Development Standards for CUI Projects
    cssdevelopmentstandardsresponsive

    ★ 602 · Updated 2026-02-17

    Provides modern CSS development standards covering essentials, responsive design, quality practices, and tooling for CUI projects

    ⚙ Apply BEM naming convention⚙ Use CSS custom properties⚙ Implement responsive design patterns
  • mjml-email - Generate Professional MJML Email Templates
    emailtemplatesmjmlresponsive

    ★ 0 · Updated 2026-02-14

    Create responsive MJML email templates for various email types including transactional, marketing, and notifications.

    ⚙ read design patterns⚙ assemble template components⚙ adapt brand colors
  • Frontend Responsive - Build responsive layouts for all screen sizes
    frontendresponsivelayoutmobile-first

    ★ 11 · Updated 2026-02-13

    Build responsive layouts that work across mobile, tablet, and desktop screen sizes.

    ⚙ Build responsive layouts⚙ Use standard breakpoints consistently⚙ Implement fluid layouts with percentage widths