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: tailwind-css

Browse skills that share this tag.

  • ui-styling - Create accessible user interfaces with shadcn/ui and Tailwind
    ui-stylingshadcn-uitailwind-cssradix-ui

    ★ 0 · Updated 2026-09-22

    Provides components, utility styling, and canvas visual design patterns for building accessible responsive user interfaces and design systems.

    ⚙ Install shadcn/ui components⚙ Style UIs using Tailwind CSS⚙ Build responsive mobile-first layouts
  • React Frontend Development - Build React components for Medellin Spark platform
    reacttypescripttailwind-cssreact-query

    ★ 18 · Updated 2026-09-21

    Build React components with TypeScript, Tailwind CSS, and React Query for the Medellin Spark platform.

    ⚙ Build React UI components⚙ Manage state with React Query⚙ Integrate Supabase database queries
  • ui-design-brain - Generate production-grade UI components and web interfaces.
    ui-designcomponentsreacttailwind-css

    ★ 885 · Updated 2026-09-19

    Provides design guidelines and component patterns from 60+ UI components to generate production-grade web interfaces and code.

    ⚙ Identify required UI components⚙ Apply UI component best practices⚙ Select design style presets
  • ui-designer - UI design workflow for React and Tailwind CSS projects.
    ui-designreacttailwind-cssreact-router

    ★ 0 · Updated 2026-09-19

    Generates runnable React, Tailwind CSS, and React Router design projects with page routing, dialogs, and asset viewers from user descriptions.

    ⚙ Collect design requirements⚙ Generate project configuration files⚙ Generate Design Tokens
  • react-strict-dom - React Strict DOM Setup for Expo
    react-strict-domexpobabelpostcss

    ★ 1 · Updated 2026-09-19

    Set up react-strict-dom with Babel, PostCSS, and CSS-wrapped HTML components for universal Expo apps.

    ⚙ Configure Babel preset⚙ Configure PostCSS plugin⚙ Add global CSS directive
  • 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
  • tailwind-design-system - Build scalable design systems with Tailwind CSS v4.
    tailwind-cssdesign-systemcss-v4design-tokens

    ★ 0 · Updated 2026-09-15

    Build production-ready design systems using Tailwind CSS v4 CSS-first configuration, design tokens, component variants, and responsive patterns.

    ⚙ Configure design tokens using Tailwind v4⚙ Implement component libraries and variants⚙ Set up class-based dark mode
  • navbar-animation1 - Navbar animation patterns for desktop and mobile
    navbaranimationreactnextjs

    ★ 18 · Updated 2026-09-14

    Provides animated navbar patterns for scroll-triggered collapse, mobile panel slide-in, staggered links, and hover effects using React and Tailwind CSS.

    ⚙ Animate scroll-triggered navbar collapse⚙ Expand navbar on hamburger click⚙ Slide in mobile menu panel
  • monet - Monet Component Registry Integration
    component-registryreacttypescriptlanding-page

    ★ 18 · Updated 2026-09-14

    Search, browse, and pull pre-built React and TypeScript landing page components from the monet MCP server.

    ⚙ Search landing page components⚙ Pull component code to project⚙ List available component categories
  • cosmosh-ui-patterns - Cosmosh UI Design and Interaction Workflow Guidelines
    cosmoshelectronreacttailwind-css

    ★ 7 · Updated 2026-09-13

    Provides guidelines for implementing, refactoring, or reviewing React, Tailwind, and Radix UI code in the Cosmosh Electron renderer.

    ⚙ Implement Cosmosh renderer UI components⚙ Refactor React and Tailwind UI code⚙ Review Radix UI wrappers and layouts
  • fluxui-development - Flux UI Component Development for Livewire
    fluxuilivewirelaraveltailwind-css

    ★ 0 · Updated 2026-09-12

    Guides UI development using Flux UI components, Tailwind CSS, and icon integration in Livewire applications.

    ⚙ Develop Livewire UI components⚙ Build form fields and modals⚙ Integrate Heroicons and Lucide icons
  • site-deploy - Build, preview, and deploy the VisaJobs.xyz website.
    eleventytailwind-cssgithub-pagespagefind

    ★ 7 · Updated 2026-09-11

    Builds Eleventy pages, compiles Tailwind CSS, generates Pagefind index, and deploys the site to GitHub Pages.

    ⚙ Install project dependencies⚙ Run local development server⚙ Build Eleventy static site
  • frontend - Next.js and React frontend development agent
    frontendnextjsreacttypescript

    ★ 0 · Updated 2026-09-10

    Implement or modify Next.js/React UI, components, hooks, routing, Tailwind styling, API integration, and frontend tests.

    ⚙ Implement React UI components⚙ Create custom React hooks⚙ Integrate APIs via Axios client
  • tailwind-design-system - Build production-ready Tailwind CSS design systems
    tailwind-cssdesign-systemcomponent-librarydesign-tokens

    ★ 1 · Updated 2026-09-10

    Builds production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

    ⚙ Create component libraries with Tailwind⚙ Implement design tokens and theming⚙ Build responsive and accessible components
  • modern-tailwind - Tailwind CSS Best Practices
    tailwind-csscssui

    ★ 1 · Updated 2026-09-10

    Build clean, scalable UIs with Tailwind CSS using modern utilities and variants.

    ⚙ Style UIs using Tailwind utilities⚙ Apply responsive and state variants⚙ Extend themes in tailwind.config
  • ui-skills - UI quality constraints enforcer for frontend code
    ui-designtailwind-csscode-reviewaccessibility

    ★ 2 · Updated 2026-09-09

    Enforces UI quality constraints covering accessibility, performance, animation, typography, layout, and visual design when building or reviewing code.

    ⚙ Build frontend interfaces with Tailwind CSS⚙ Audit UI code against quality constraints⚙ Fix UI component accessibility violations
  • 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
  • apply-design-system - Apply design tokens and system patterns correctly
    design-systemtailwind-cssdesign-tokensfrontend

    ★ 0 · Updated 2026-09-09

    Provides guidelines and standard patterns for applying semantic design tokens, spacing, typography, and layout styles.

    ⚙ Apply semantic design tokens⚙ Implement responsive layout patterns⚙ Merge class names using cn
  • ui-design - UI Design Constraints for Better Interfaces
    ui-designtailwind-cssaccessibilityanimation

    ★ 1 · Updated 2026-03-11

    Enforces opinionated constraints for building better interfaces with agents using Tailwind CSS, motion/react, and accessible primitives

    ⚙ build UI components⚙ implement animations⚙ design layouts
  • 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

Scroll to load more