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

Browse skills that share this tag.

  • frontend-design-zh - Build static websites from text using React and Tailwind CSS
    frontendreacttailwindcssshadcn-ui

    ★ 55 · Updated 2026-09-23

    Creates production-ready static websites using React, Tailwind CSS, and shadcn/ui from text prompts, supporting Vite and Next.js workflows.

    ⚙ Generate static website code⚙ Implement mobile-first responsive layouts⚙ Configure Vite and Next.js workflows
  • tailwindcss-plugins - Tailwind CSS Official and Custom Plugins Guide
    tailwindcsspluginscsstypography

    ★ 18 · Updated 2026-09-22

    Provides usage guidelines for official Tailwind CSS plugins and instructions for creating custom plugins.

    ⚙ Install official plugins⚙ Style content typography⚙ Reset form element styles
  • streamdown - Streaming-optimized React Markdown renderer
    reactmarkdownstreamingsyntax-highlighting

    ★ 5 · Updated 2026-09-17

    Render streaming Markdown in React with syntax highlighting, Mermaid diagrams, LaTeX math, CJK support, and link safety.

    ⚙ Install streamdown package⚙ Configure Tailwind CSS content scanning⚙ Render streaming Markdown content
  • nextjs-boilerplate - Bootstrap Next.js with Tailwind CSS and shadcn/ui.
    nextjsreacttailwindcssshadcn-ui

    ★ 1 · Updated 2026-09-16

    Bootstrap a new Next.js development environment with Tailwind CSS, shadcn/ui components, and assistant-ui for AI chat interfaces.

    ⚙ Create Next.js project⚙ Initialize shadcn/ui components⚙ Integrate assistant-ui chat interface
  • daisyui-install - daisyUI 5 Installation Instructions
    daisyuitailwindcsscssinstallation

    ★ 0 · Updated 2026-09-13

    Provides installation and setup instructions for daisyUI 5 with Tailwind CSS 4 using npm, CDN, or framework guides.

    ⚙ Install daisyUI using npm⚙ Configure CSS with daisyUI plugin⚙ Load daisyUI from CDN
  • 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
  • quest-keeper-frontend - Quest Keeper Frontend Development
    frontendreactzustandthreejs

    ★ 602 · Updated 2026-09-10

    Frontend development skill for Quest Keeper AI Tauri application, covering React components, Zustand stores, Three.js battlemaps, TailwindCSS, and Tauri.

    ⚙ Develop React components⚙ Manage state using Zustand⚙ Render 3D battlemaps with Three.js
  • senior-frontend - Senior Frontend Development Skill
    frontendreactnextjstypescript

    ★ 53 · Updated 2026-09-09

    Provides tools and best practices for scaffolding components, analyzing bundles, and optimizing modern frontend applications.

    ⚙ Generate frontend components⚙ Analyze bundle size performance⚙ Scaffold frontend project files
  • ui-design - Enforce UI Design System Consistency
    uidesign-systemshadcntailwindcss

    ★ 0 · Updated 2026-05-11

    Enforces consistent UI across shadcn-svelte + TailwindCSS 4 design system for pages, components, forms, dashboards, and data display.

    ⚙ scan existing components⚙ read similar components⚙ check component library
  • artifacts-builder - Modern Frontend Artifact Creation Tool for Claude.ai
    frontendreacttypescriptvite

    ★ 305 · Updated 2026-02-23

    Creates complex multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui

    ⚙ initialize frontend repository⚙ edit generated code⚙ bundle code to HTML
  • refactor-html - Refactor HTML/TSX Files with UI Components
    code-refactoringfrontend-developmentui-componentstailwindcss

    ★ 0 · Updated 2026-02-11

    Refactor HTML/TSX files to use existing UI components, DaisyUI classes, and semantic colors

    ⚙ read target file⚙ check available components⚙ identify rule violations