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

Browse skills that share this tag.

  • avoid-ai-design - Audit and rewrite frontend UI to remove AI design patterns
    designuifrontendai-slop

    ★ 79 · Updated 2026-09-22

    Audits and rewrites HTML/CSS and React/Tailwind frontend UI to eliminate generic AI design patterns, with support for audit-only mode.

    ⚙ Audit frontend code for AI patterns⚙ Render UI previews when available⚙ Commit to unified design directions
  • add-design-library-item - Add a new item to the design pattern library
    design-systematomsreact-nativetailwind

    ★ 0 · Updated 2026-09-21

    Creates design library atoms, variants, or tokens, configures gallery entries and tests, and verifies build before product code consumption.

    ⚙ Confirm nonexistence of library items⚙ Create new atom components⚙ Add atom variants
  • ui-ux-pro-max - UI/UX Pro Max Design Intelligence
    ui-uxdesign-systemfrontendtailwind

    ★ 602 · Updated 2026-09-20

    Provides a searchable database and guidelines for UI styles, color palettes, font pairings, chart recommendations, UX best practices, and frontend stacks.

    ⚙ Search UI style guides⚙ Search color palettes⚙ Search typography font pairings
  • frontend - HARP React Frontend Development Guide
    reacttypescriptfrontendzustand

    ★ 6 · Updated 2026-09-18

    Provides development guidance for HARP React frontend (React 19, TypeScript, Vite, Tailwind v4), generating pages, stores, API modules, and routes.

    ⚙ Generate React frontend pages⚙ Add UI components⚙ Create Zustand stores
  • ui-styling-assistant - Universal Design System UI styling assistant
    cssstylingdesign-tokenstailwind

    ★ 3 · Updated 2026-09-17

    Provides CSS snippets using Universal Design System tokens with dark mode variants, responsive breakpoints, and framework output support.

    ⚙ Generate CSS code snippets⚙ Provide Universal Design System tokens⚙ Output Tailwind CSS utility classes
  • zag-compound-components - Zag Compound Components for @techsio/ui-kit
    zag-jsreactui-kitcompound-components

    ★ 2 · Updated 2026-09-16

    Guidelines for creating and refactoring @techsio/ui-kit interactive components using Zag.js, React context, and data attribute state styling.

    ⚙ Build interactive Zag compound components⚙ Connect Zag machines with React⚙ Assign compound subcomponents to roots
  • shadcn-ui - Install and configure shadcn/ui components for React.
    shadcn-uireactui-componentstailwind

    ★ 0 · Updated 2026-09-16

    Installs and configures shadcn/ui components for React projects including installation order, customisation, and common UI recipes.

    ⚙ Install foundation and feature components⚙ Manage component installation order⚙ Customise components with semantic tokens
  • tailwind-v4-expert - Tailwind CSS v4 expert mode for web application development
    tailwindcssoxidepostcss

    ★ 9 · Updated 2026-09-15

    Provides guidance and patterns for building web applications using Tailwind CSS v4, the Oxide engine, and CSS-first configuration.

    ⚙ Configure CSS-first design systems⚙ Set up Tailwind Vite plugin⚙ Implement container queries
  • spacing - Consistent spacing system for layouts and components
    spacinglayoutgridtailwind

    ★ 1 · Updated 2026-09-15

    Defines and enforces spacing rules based on a 4px and 8px grid system for responsive layouts and components.

    ⚙ Enforce 4px and 8px grid scale⚙ Apply responsive padding and margin rules⚙ Format section and card layout spacing
  • astro-components - UI component library for Astro lead generation sites
    astroui-componentstailwindfrontend

    ★ 4 · Updated 2026-09-13

    Provides reusable Astro UI components including buttons, inputs, cards, badges, alerts, and icons using Tailwind and design tokens.

    ⚙ Provide reusable UI components⚙ Render design-token-based buttons⚙ Render accessible form inputs
  • uncodixify - Audit loop and constraints for React and Tailwind UI
    reacttailwindui-auditfrontend

    ★ 31 · Updated 2026-09-11

    Provides anti-template design constraints and an automated audit loop for React and Tailwind UI components.

    ⚙ Audit React and Tailwind UI⚙ Validate components against design constraints⚙ Scaffold evaluation iterations
  • react-components - React and UI conventions for web applications
    reactfrontendmuitailwind

    ★ 0 · Updated 2026-09-11

    Provides guidelines for building and editing React components including structure, theme colors, memoization, filter state, and Spanish UI text.

    ⚙ Build React components⚙ Edit React components⚙ Apply theme colors and styles
  • create-page - Create Next.js Page with Clean Architecture
    nextjstypescriptclean-architecturesupabase

    ★ 0 · Updated 2026-09-10

    Creates Next.js pages, features, or modules following Clean Architecture pattern (Repository, Presenter, View).

    ⚙ Define repository contract interface⚙ Implement mock repository⚙ Create server page component
  • css-to-tailwind - Convert CSS files to Tailwind utility classes
    csstailwindconverterrefactoring

    ★ 0 · Updated 2026-09-09

    Converts legacy CSS files, complex selectors, and media queries into Tailwind utility classes.

    ⚙ Convert CSS rules to Tailwind utilities⚙ Handle responsive breakpoints⚙ Convert CSS variables to theme tokens
  • design-context-extract - Extract Design Tokens from Screenshots or URLs
    design-tokenscolorstypographyspacing

    ★ 128 · Updated 2026-06-30

    Extract design tokens including colors, fonts, spacing, and components from screenshots or URLs

    ⚙ Read image⚙ Fetch URL⚙ Extract colors
  • rails-design-system - Rails Design System Guidelines
    railsdesign-systemfrontendtailwind

    ★ 159 · Updated 2026-06-15

    Design system guidelines for building consistent Rails UI components

    ⚙ apply design rules⚙ define design tokens⚙ extract partials
  • link - Full-stack monorepo expert for wellness-link
    full-stackmonoreporeactbun

    ★ 602 · Updated 2026-03-26

    Handles full-stack features across web (React 19 + Tailwind) and API (Bun + Elysia) packages in monorepo

    ⚙ develop full-stack features⚙ implement API endpoints⚙ create database migrations
  • artifacts-builder - Build Complex Frontend Artifacts with React and Tailwind CSS
    frontendreacttailwindhtml-artifact

    ★ 18 · Updated 2026-02-23

    Toolset for creating complex multi-component HTML artifacts using modern frontend web technologies

    ⚙ initialize React TypeScript project⚙ configure Tailwind CSS and shadcn/ui⚙ bundle to single HTML file
  • frontend-shadcn - Modern React Frontend Development with ShadCN/UI and Tailwind CSS
    frontendreacttypescripttailwind

    ★ 1 · Updated 2026-02-18

    Frontend development using Vite + React 19 + shadcn/ui + Tailwind CSS v4 + React Router v7 for creating web applications

    ⚙ add UI components⚙ run development server⚙ check TypeScript types
  • frontend-design - Build cinematic dark theme frontend interfaces for Bookkeep
    frontendui-designreacttailwind

    ★ 81 · Updated 2026-02-17

    Creates production-grade frontend interfaces using cinematic dark theme with jewel-tone accents

    ⚙ build components with glassmorphism⚙ implement cinematic dark theme⚙ create interactive card layouts

Scroll to load more