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: Design System

Browse skills that share this tag.

  • tailwind-shadcn-setup - Tailwind and shadcn/ui Setup for Next.js
    Tailwind CSSshadcn/uiNext.jsUI Components

    ★ 18 · Updated 2026-06-15

    Install and configure Tailwind CSS and shadcn/ui in Next.js projects

    ⚙ install Tailwind CSS⚙ configure Tailwind CSS⚙ initialize shadcn/ui
  • design-guide - Modern UI Design Guidelines
    UI DesignFrontend DevelopmentDesign SystemWeb Development

    ★ 0 · Updated 2026-05-28

    Provides modern UI design principles for creating clean and professional web interfaces

    ⚙ apply design principles⚙ create UI components⚙ build layouts
  • co-star-ui - CO-STAR UI Creator for React/Next.js: Structured UI Prompting Tool
    ReactNext.jsUIDesign System

    ★ 1 · Updated 2026-03-09

    Structured CO-STAR prompting for building or integrating UI components and design systems in React/Next.js

    ⚙ run discovery questions⚙ choose build mode⚙ create custom prompts
  • tailwindcss-v4 - Tailwind CSS v4.1 Core Features
    CSSTailwindStylingFrontend

    ★ 27 · Updated 2026-02-24

    Processes Tailwind CSS v4.1 core features including theme variables, directives, and utilities.

    ⚙ read theme variables⚙ apply @theme directive⚙ create custom utilities
  • baseline-ui - Enforce UI Baseline Standards for AI-Generated Interfaces
    UIFrontendDesign SystemAccessibility

    ★ 0 · Updated 2026-02-18

    Enforces an opinionated UI baseline to prevent AI-generated interface slop

    ⚙ apply UI constraints to conversation⚙ review files against constraints⚙ output constraint violations
  • Lumo · Component Creation Protocol - Define Angular component creation standards for Lumo Design System
    AngularDesign SystemComponent DevelopmentFrontend

    ★ 6 · Updated 2026-02-14

    Defines how Angular components should be created, structured, documented, and tested in the Lumo Design System

    ⚙ create Angular components⚙ define component structure⚙ write component documentation
  • premium-ui-design - Premium UI Design System for Wasser Project
    UI DesignDesign SystemGlassmorphismAnimation

    ★ 0 · Updated 2026-02-13

    Design system guidelines focusing on glassmorphism, animations, and high-end aesthetics

    ⚙ apply glassmorphism effects⚙ set color palette⚙ configure animations