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 design

Browse skills that share this tag.

  • findmydoc-design-planner - findmydoc UI Design Planning Package Generator
    design planningUI mockupsfindmydocimage generation

    ★ 6 · Updated 2026-06-30

    Creates repository-grounded findmydoc design planning packages with generated image mockups, scenario folders, user journeys, Mermaid flows, data-model notes, component plans, and review-ready requirements.

    ⚙ create scenario folder structure⚙ generate mobile tablet desktop mockups⚙ capture Playwright or Storybook screenshots
  • ckm:ui-styling - Build accessible UIs with shadcn/ui and Tailwind CSS
    UIshadcn/uiTailwind CSSaccessibility

    ★ 18 · Updated 2026-06-30

    Create accessible user interfaces using shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

    ⚙ install shadcn/ui components⚙ apply Tailwind CSS utility classes⚙ create responsive layouts
  • dashboard-design - Design Effective Dashboards with KPI Cards, Data Tables and Real-Time Updates
    dashboard designUI componentsdata visualizationadmin panel

    ★ 602 · Updated 2026-06-30

    Design dashboards with clear layouts, KPI displays, sortable data tables, and real-time update patterns using React and Tailwind CSS.

    ⚙ design KPI card layouts⚙ create dashboard grid layouts⚙ build sortable data tables
  • ckm:ui-styling - UI Styling with shadcn/ui & Tailwind
    UIstylingcomponentsTailwind CSS

    ★ 7 · Updated 2026-06-30

    Create accessible UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual designs

    ⚙ create UI components⚙ style interfaces⚙ build layouts
  • frontend-ui-engineering - Build Production-Grade Frontend UI
    frontendUIinterface designresponsive design

    ★ 37 · Updated 2026-06-15

    Build, modify, or review user-facing UI, responsive states, accessibility, visual fidelity, functional QA, monkey testing, and frontend polish.

    ⚙ build user interfaces⚙ modify UI code⚙ review frontend code
  • ui-ux-designer - Expert UI/UX Designer for Accessible Design Systems
    design systemsaccessibilityUI/UXFigma

    ★ 602 · Updated 2026-06-15

    Creates interface designs, wireframes, design systems, and accessible user experiences

    ⚙ create design tokens⚙ design components⚙ build design systems
  • ui-styling - Build Beautiful Accessible UIs with Shadcn and Tailwind
    UIstylingTailwind CSSshadcn/ui

    ★ 602 · Updated 2026-06-15

    Create beautiful, accessible UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual designs.

    ⚙ create user interfaces⚙ style with Tailwind CSS⚙ add accessible components
  • ck:ui-styling - Shadcn/ui Component Styling with Tailwind CSS
    UI stylingshadcn/uiTailwind CSSresponsive design

    ★ 602 · Updated 2026-06-15

    Create accessible UI components and layouts with shadcn/ui, Tailwind CSS, and canvas-based design systems.

    ⚙ install shadcn/ui components⚙ add Tailwind CSS utilities⚙ configure dark mode themes
  • ui-ux-designer - Expert UI/UX Designer for Digital Products
    design systemsaccessibilityuser researchprototyping

    ★ 0 · Updated 2026-06-15

    Create interface designs, wireframes, and design systems with accessibility standards

    ⚙ Create design systems⚙ Manage design tokens⚙ Design component libraries
  • tamagui - Universal React UI framework for cross-platform apps
    ReactUI frameworkcross-platformstyled components

    ★ 14,034 · Updated 2026-06-15

    Build cross-platform React apps with styled components, design tokens, themes, and animations

    ⚙ create styled components⚙ use design tokens⚙ configure themes
  • visual-qa - Review screenshots with vision models
    design reviewquality assurancevisual inspectionscreenshot analysis

    ★ 177 · Updated 2026-06-15

    Analyze screenshots for design quality issues using vision models

    ⚙ capture screenshot⚙ analyze screenshot⚙ check spacing
  • frontend-master - Frontend Development with Unique Design
    frontendUI designweb developmentcode generation

    ★ 3 · Updated 2026-05-28

    Intelligently analyze tech stack and generate unique UI designs while maintaining project consistency

    ⚙ analyze project tech stack⚙ detect framework⚙ scan CSS files
  • Frontend Design - Build Production-Ready Frontend Interfaces
    frontendui designresponsive designweb components

    ★ 17 · Updated 2026-05-28

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

    ⚙ analyze requirements⚙ define design tokens⚙ build components
  • design-guide - Modern UI Design Guidelines
    UI designdesign systemfrontendCSS

    ★ 0 · Updated 2026-05-28

    Apply modern UI design principles and guidelines for building clean, professional interfaces across frontend frameworks

    ⚙ apply design principles⚙ define color system⚙ set spacing system
  • frontend-design - Production-grade Frontend Design
    frontendweb developmentUIUX

    ★ 24 · Updated 2026-05-11

    Create distinctive, production-grade frontend interfaces with high design quality

    ⚙ create web components⚙ develop web applications⚙ design artifacts
  • Frontend Verification & Testing - Verify Angular 18 Frontend with Chrome DevTools
    angularfrontend testingverificationchrome devtools

    ★ 18 · Updated 2026-05-11

    Verify Angular 18 frontend using Chrome DevTools MCP - check console, network, and visual rendering

    ⚙ list open pages⚙ navigate to URL⚙ wait for text
  • tailwindcss - Tailwind CSS Framework
    CSSframeworkutility-firstresponsive design

    ★ 11 · Updated 2026-05-11

    Utility-first CSS framework for building custom user interfaces with utility classes and theme variables

    ⚙ install framework⚙ apply utility classes⚙ customize theme
  • ai-ui-generation - AI-assisted web UI generation and integration workflow
    web UI generationAI design toolscode integrationReact

    ★ 3 · Updated 2026-05-09

    Workflow for AI-assisted web UI generation and integration using external tools

    ⚙ generate UI with external AI tools⚙ import generated code into codebase⚙ turn wireframes into app structure
  • tailwindcss - Tailwind CSS v4 Styling Utility
    CSS frameworkutility classesresponsive designdark mode

    ★ 0 · Updated 2026-05-09

    Apply utility-first CSS styling with responsive design, dark mode, and custom theme configuration

    ⚙ apply utility classes⚙ configure theme⚙ setup dark mode
  • frontend-developer - Frontend Developer Expert
    frontendweb developmentReactVue

    ★ 24 · Updated 2026-03-26

    Expert frontend developer for modern web technologies and performance optimization

    ⚙ Build editor extensions⚙ Implement WebSocket bridges⚙ Handle editor protocol URIs

Scroll to load more