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.

  • responsive-craft - Implement responsive layouts across multiple viewports
    responsive-designcssmobile-firstviewport-preview

    ★ 76 · Updated 2026-09-23

    Implements responsive web design by auditing existing sites, building mobile-first layouts, and launching multi-breakpoint previews.

    ⚙ Audit existing responsive layouts⚙ Build mobile-first responsive layouts⚙ Launch live multi-breakpoint previews
  • web-design-standards-review - Web Design Standards Review
    web-standardscssaccessibilityresponsive-design

    ★ 0 · Updated 2026-09-20

    Evaluate and apply web UI design and implementation principles using W3C/WHATWG standards and MDN, web.dev, and WAI guidance.

    ⚙ Define web UI design principles⚙ Review responsive layout⚙ Apply feature detection
  • design-spec - Create UI/UX design specifications for developer handoff
    design-specui-uxcomponent-inventorydesign-tokens

    ★ 18 · Updated 2026-09-20

    Creates structured UI/UX design specifications covering component inventory, layout tokens, interactions, and responsive breakpoints.

    ⚙ Extract UI requirements from inputs⚙ Build UI component inventory⚙ Define element interaction states
  • audit - Run technical quality checks and generate a scored report
    auditaccessibilityperformancetheming

    ★ 0 · Updated 2026-09-19

    Runs technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns to generate a scored audit report.

    ⚙ Audit accessibility compliance⚙ Evaluate code performance⚙ Check design token implementation
  • h-frontend-design - Frontend UI/UX design reference and guidance
    frontendui-designux-designtypography

    ★ 0 · Updated 2026-09-19

    Provides UI/UX design guidance across typography, color, spatial layout, motion, interaction, responsive design, and UX writing.

    ⚙ Establish project context and constraints⚙ Provide typography design guidance⚙ Provide color and contrast guidance
  • Maple CSS Engine - Variable-first runtime CSS engine for user interfaces
    cssstylingmaple-cssresponsive-design

    ★ 34 · Updated 2026-09-18

    Guides AI assistants to write responsive interface styles using Maple CSS engine syntax and reference documentation.

    ⚙ Read Maple reference documentation⚙ Compose Maple utility class names⚙ Define scoped CSS variable tokens
  • tailwind-patterns - Tailwind CSS v4 design patterns and principles
    tailwind-csscssdesign-tokenscontainer-queries

    ★ 602 · Updated 2026-09-17

    Guide for Tailwind CSS v4 principles including CSS-first configuration, container queries, modern patterns, and design token architecture.

    ⚙ Configure CSS-based themes⚙ Apply native container queries⚙ Implement responsive design patterns
  • audit - Perform comprehensive interface quality audit
    auditaccessibilityperformancetheming

    ★ 1 · Updated 2026-09-16

    Audits interface accessibility, performance, theming, responsive design, and anti-patterns to generate a prioritized report with actionable fix commands.

    ⚙ Scan accessibility compliance⚙ Check performance bottlenecks⚙ Inspect theme token usage
  • QE Visual Accessibility - Visual regression, responsive, and WCAG accessibility testing
    visual-testingaccessibilitywcagresponsive-design

    ★ 1 · Updated 2026-09-15

    Provides visual regression testing, responsive design validation, and WCAG 2.2 accessibility compliance verification.

    ⚙ Compare screenshots for visual regression⚙ Validate responsive design across viewports⚙ Audit WCAG accessibility compliance
  • tailwindcss-development - Tailwind CSS Development
    tailwindcsscssstylingresponsive-design

    ★ 1 · Updated 2026-09-13

    Styles applications using Tailwind CSS v4 utilities and guides responsive design, dark mode, layout, and component styling.

    ⚙ Add styles to components or pages⚙ Implement responsive design⚙ Implement dark mode
  • responsive-web-design - Responsive Web Design
    cssresponsive-designflexboxcss-grid

    ★ 602 · Updated 2026-09-11

    Builds adaptive web interfaces using Flexbox, CSS Grid, and media queries with a mobile-first approach.

    ⚙ Build adaptive web interfaces⚙ Implement mobile-first media queries⚙ Create flexible grid layouts
  • website-building - Build and ship simple, fast-loading small websites
    website-buildingstatic-sitefrontendresponsive-design

    ★ 7 · Updated 2026-09-10

    Build and ship small, fast-loading, easily updated websites using the simplest fitting technology stack.

    ⚙ Select the simplest technology stack⚙ Write content prior to design⚙ Structure pages using semantic HTML
  • _responsive-desktop-design - Apply responsive desktop design policies during UI work
    uiresponsive-designdesktopthoughtbase

    ★ 0 · Updated 2026-09-10

    Internal procedure for applying Thoughtbase's responsive desktop policy during UI work.

    ⚙ Identify stretched mobile layout issues⚙ Apply responsive desktop design policies⚙ Verify rendered UI in browser
  • ui-ux-design - Modern UI/UX Design Principles and Component Guidelines
    ui-designux-designresponsive-designaccessibility

    ★ 0 · Updated 2026-09-09

    Provides principles and patterns for UI/UX design, responsive layouts, accessibility compliance, and Shadcn UI with Tailwind CSS integration.

    ⚙ Design web and mobile user interfaces⚙ Define typography color and layout systems⚙ Implement mobile-first responsive layouts
  • ui-ux-design-system - Build accessible UI/UX design systems
    ui-ux-designcomponent-librarydesign-tokensdark-mode

    ★ 57 · Updated 2026-03-25

    Create premium accessible UI/UX design systems with design tokens, component architecture, dark mode, and animations for SaaS apps

    ⚙ Create design tokens⚙ Build component library⚙ Implement dark mode
  • frontend-style-layout - Tailwind v4 Frontend Style & Layout Patterns
    frontendtailwind-csslayoutresponsive-design

    ★ 1 · Updated 2026-03-10

    Apply consistent styling and layout patterns with Tailwind v4

    ⚙ apply Tailwind v4 classes⚙ build page layouts⚙ select spacing methods
  • ui-clone - Pixel-perfect UI cloning from screenshots or reference pages
    ui-cloningfrontend-developmentnextjstailwind-css

    ★ 602 · Updated 2026-03-09

    Replicate UI designs with pixel-perfect accuracy in Next.js App Router projects

    ⚙ analyze UI screenshots⚙ break down design structure⚙ generate visual specifications
  • frontend-ui - Frontend UI Development with React 19 and Tailwind 4
    frontendreactui-developmenttypescript

    ★ 18 · Updated 2026-02-15

    Handles frontend UI-specific patterns when working inside src/react-app directory

    ⚙ read source files⚙ edit code files⚙ write new components
  • frontend-pages-and-components - Build Scalable Frontend Pages with Reusable Components
    frontendweb-developmentcomponentsUI

    ★ 0 · Updated 2026-02-13

    Build complete frontend pages with reusable components, clean layouts, and modern styling

    ⚙ Create semantic HTML layouts⚙ Develop reusable UI components⚙ Implement responsive grid systems