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.

  • canvas - Browser Canvas UI Rendering
    UI renderingbrowser canvasReactVanilla JavaScript

    ★ 2 · Updated 2026-10-08

    Render interactive React or Vanilla UIs in a browser using files, with hot reload, validation, screenshots, and state operations.

    ⚙ Render React interfaces⚙ Render Vanilla interfaces⚙ Use preloaded UI components
  • tailwind-css-patterns - Tailwind CSS utility-first styling patterns
    Tailwind CSSutility-first CSSresponsive designFlexbox

    ★ 1 · Updated 2026-10-07

    Provides Tailwind CSS patterns for responsive layouts, utility composition, design tokens, components, dark mode, and production CSS optimization.

    ⚙ Apply mobile-first utility classes⚙ Build responsive flex layouts⚙ Build responsive grid layouts
  • tailwind-css-patterns - Build responsive interfaces with Tailwind CSS patterns
    Tailwind CSSCSSResponsive designUtility-first CSS

    ★ 0 · Updated 2026-10-07

    Provides utility-first Tailwind CSS patterns for responsive layouts, flexbox, grid, spacing, typography, colors, components, and design systems.

    ⚙ Build responsive layouts⚙ Compose utility classes⚙ Create reusable components
  • claude-design - Design and verify one-off HTML artifacts
    designhtmlprototypeux

    ★ 0 · Updated 2026-10-06

    Design and verify one-off HTML artifacts such as landing pages, prototypes, decks, and motion studies in CLI/API environments.

    ⚙ Scope design briefs⚙ Gather source context⚙ Define artifact design systems
  • claude-design - Design one-off HTML artifacts
    designhtmlprototypeux

    ★ 0 · Updated 2026-10-06

    Design one-off HTML artifacts such as landing pages, decks, and prototypes in CLI/API environments.

    ⚙ Scope design briefs⚙ Gather source context⚙ Define artifact design systems
  • claude-design - One-off HTML artifact design
    designhtmlprototypeux

    ★ 0 · Updated 2026-10-06

    Designs one-off HTML artifacts such as landing pages, decks, prototypes, component explorations, and motion studies.

    ⚙ Scope design briefs⚙ Gather source context⚙ Define artifact design systems
  • storybook - Document components with Storybook
    Storybookcomponent documentationCSF 3.0MDX

    ★ 48 · Updated 2026-10-01

    Creates Storybook component catalogs with CSF 3.0 stories, controls, interactive examples, visual testing setups, and MDX documentation.

    ⚙ Create Storybook configuration⚙ Write CSF 3.0 stories⚙ Add interactive controls
  • designing-component-systems - Component System Design
    ui-componentsdesign-systemscomponent-apitheming

    ★ 1 · Updated 2026-09-20

    Build reusable UI pieces that are accessible, composable, theme-aware, and testable without framework lock-in.

    ⚙ Build reusable UI components⚙ Design composable component APIs⚙ Define UI state ownership
  • moai-connector-figma - Enterprise Figma and Design System Development
    architecturefigmaenterprisepatterns

    ★ 666 · Updated 2026-09-17

    Develops enterprise design systems and UI kits using Figma 2025, handling design tokens, component documentation, and developer handoff.

    ⚙ Build design system architecture⚙ Manage component libraries and variants⚙ Automate design token synchronization
  • normalize - Normalize feature designs to align with design system standards.
    design-systemfrontendrefactoringui

    ★ 0 · Updated 2026-09-14

    Analyzes and redesigns a feature to align with design system standards and ensure visual and functional consistency.

    ⚙ Discover design system guidelines⚙ Analyze feature design inconsistencies⚙ Create feature normalization plan
  • 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
  • shadcn-ui-expert - shadcn-ui React components expert
    ReactUI Componentsshadcn-uiTailwind CSS

    ★ 666 · Updated 2026-06-30

    Build accessible React components with shadcn-ui, Tailwind CSS, and Radix UI

    ⚙ Install shadcn-ui components⚙ Create form components⚙ Select UI components
  • ui-patterns - Plaited UI Patterns Training Data
    CSS-in-JSFormsTemplatesTesting

    ★ 62 · Updated 2026-06-15

    Patterns for Plaited agent UI architecture and styling system

    ⚙ create styles⚙ create tokens⚙ create animations
  • tamagui - Universal React UI framework for cross-platform apps
    ReactUI frameworkcross-platformstyled components

    ★ 14,215 · Updated 2026-06-15

    Build cross-platform React apps with styled components, design tokens, themes, and animations

    ⚙ create styled components⚙ use design tokens⚙ configure themes
  • Frontend Design - Design production-ready frontend interfaces
    frontenddesign-systemsresponsiveaccessibility

    ★ 34 · Updated 2026-05-28

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

    ⚙ analyze requirements⚙ define design tokens⚙ build component variants
  • frontend-design - Build cinematic dark theme frontend interfaces for Bookkeep
    frontendui-designreacttailwind

    ★ 82 · 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