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 with input: design tokens

Browse skills that use this input.

  • ckm:ui-styling - UI Styling with shadcn/ui & Tailwind
    UIstylingcomponentsTailwind CSS

    ★ 10 · Updated 2026-06-30

    Create accessible UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual designs

    ⚙ create UI components⚙ style interfaces⚙ build layouts
  • ui-styling - UI Styling with shadcn/ui & Tailwind
    styling systemUI componentsresponsivedark mode

    ★ 0 · Updated 2026-06-30

    Create accessible UIs with shadcn/ui, Tailwind CSS, and canvas designs

    ⚙ build UI components⚙ create layouts⚙ style with CSS
  • rails-design-system - Rails Design System Guidelines
    railsdesign-systemfrontendtailwind

    ★ 210 · Updated 2026-06-15

    Design system guidelines for building consistent Rails UI components

    ⚙ apply design rules⚙ define design tokens⚙ extract partials
  • frontend-ui-engineering - Build Production-Grade Frontend UI
    frontendUIinterface designresponsive design

    ★ 44 · Updated 2026-06-15

    Build, modify, or review user-facing UI, responsive states, accessibility, visual fidelity, functional QA, monkey testing, and frontend polish.

    ⚙ build user interfaces⚙ modify UI code⚙ review frontend code
  • nothing-design - Nothing-Style UI/UX Design System
    UI designmonochrome designindustrial designtypography

    ★ 132 · Updated 2026-06-15

    Apply Nothing design system for monochromatic, typographically driven interfaces

    ⚙ read file⚙ write file⚙ edit file
  • component-creation - React Component Creation Guide
    ReactTypeScriptComponent DevelopmentCSS Modules

    ★ 602 · Updated 2026-06-15

    Create React components in squared package with TypeScript patterns, CSS Modules styling, Storybook stories, and tests.

    ⚙ create React component⚙ define TypeScript types⚙ create CSS Module styles
  • visualizing-data - Data Visualization Component Library
    data visualizationchartdashboardaccessibility

    ★ 18 · Updated 2026-06-15

    Selects and implements 24+ data visualization types with accessibility and performance optimization

    ⚙ select chart type⚙ create bar chart⚙ create line chart
  • ck:ui-styling - Shadcn/ui Component Styling with Tailwind CSS
    UI stylingshadcn/uiTailwind CSSresponsive design

    ★ 602 · Updated 2026-06-15

    Create accessible UI components and layouts with shadcn/ui, Tailwind CSS, and canvas-based design systems.

    ⚙ install shadcn/ui components⚙ add Tailwind CSS utilities⚙ configure dark mode themes
  • portfolio-frontend-design - Portfolio Frontend Design System
    design systemfrontendReactTailwind CSS

    ★ 18 · Updated 2026-06-15

    Design system for creating portfolio UI with React and Tailwind

    ⚙ create UI components⚙ copy templates⚙ apply design tokens
  • Frontend Design - Build Production-Ready Frontend Interfaces
    frontendui designresponsive designweb components

    ★ 17 · Updated 2026-05-28

    Design and implement responsive, accessible frontend interfaces with design systems and dark mode support

    ⚙ analyze requirements⚙ define design tokens⚙ build components
  • Frontend Design - Design production-ready frontend interfaces
    frontendweb designresponsiveaccessibility

    ★ 191 · Updated 2026-05-28

    Design and build responsive frontend interfaces with design systems and accessibility

    ⚙ implement semantic HTML⚙ apply ARIA attributes⚙ define responsive breakpoints
  • tailwindcss - Tailwind CSS Framework
    CSSframeworkutility-firstresponsive design

    ★ 11 · Updated 2026-05-11

    Utility-first CSS framework for building custom user interfaces with utility classes and theme variables

    ⚙ install framework⚙ apply utility classes⚙ customize theme
  • policyengine-api-v2 - PolicyEngine API v2 Microservices Platform
    microservicesAPIPolicyEnginePython

    ★ 0 · Updated 2026-05-09

    Microservices-based PolicyEngine API with monorepo architecture

    ⚙ run microservices⚙ manage policies⚙ calculate household data
  • design-system-creator - Design System Architect & CSS Expert
    design-systemdesign-tokenscomponentscss-architecture

    ★ 602 · Updated 2026-05-09

    Builds comprehensive design systems with design tokens, component libraries, and production-ready CSS architecture

    ⚙ create design tokens⚙ build CSS architecture⚙ document components
  • design-system-components - Build Reusable Design System Components
    design-systemcomponentsReactTypeScript

    ★ 0 · Updated 2026-03-25

    Build reusable components using Surface primitives, CVA variants, and design tokens

    ⚙ define CVA variants⚙ create Surface primitives⚙ build component variants
  • ux-designer - Create UX Design Documentation
    UX designwireframedesign systemlayout

    ★ 1 · Updated 2026-03-24

    Create UX design documentation, layout specs, interaction flows, and style guides without implementation code.

    ⚙ gather design requirements⚙ map information architecture⚙ compose responsive layouts
  • code-architecture-tailwind-v4-best-practices - Tailwind CSS v4 Component Patterns Guide
    Tailwind CSScomponent architecturestylingconfiguration

    ★ 281 · Updated 2026-03-24

    Guides Tailwind CSS v4 component patterns and abstraction decisions

    ⚙ configure Tailwind v4 theme⚙ create button variants⚙ apply CSS-first configuration
  • ai-ui-generation - AI UI Generation for v0, Bolt, and Cursor
    ai-uiv0boltcursor

    ★ 128 · Updated 2026-03-23

    Generate and review UI components using AI tools with design system conformance

    ⚙ write prompts⚙ generate components⚙ review code
  • visual-audit - Comprehensive Visual Design Audit Tool
    auditdesignUIUX

    ★ 4 · Updated 2026-03-20

    Captures screenshots across viewports and modes, analyzes design quality, and identifies UI issues

    ⚙ discover routes⚙ capture screenshots⚙ set viewport
  • audit - Comprehensive Interface Quality Audit
    quality assurancecode reviewaccessibilityperformance

    ★ 1 · Updated 2026-03-20

    Perform systematic quality checks across accessibility, performance, theming, and responsive design

    ⚙ run diagnostic scan⚙ check accessibility⚙ check performance

Scroll to load more