LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ui-design - Enforce UI Design System Consistency

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

Tags

Updated: 2026-05-11

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • scan existing components
  • read similar components
  • check component library
  • use theme tokens
  • match layout patterns
  • create pages
  • create forms
  • create components
  • apply spacing
  • use button variants

Inputs

  • existing project components
  • design system tokens
  • layout conventions
  • form patterns

Outputs

  • consistent UI components
  • themed pages
  • standardized forms
  • pattern-compliant layouts

Requirements

  • shadcn-svelte components
  • TailwindCSS 4
  • Svelte 5
  • semantic theme tokens

Source

  • Spec: SKILL.md

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.
ui
design-system
shadcn
tailwindcss
svelte
scan existing components
read similar components
check component library
use theme tokens
existing project components
design system tokens
layout conventions
consistent UI components
themed pages
standardized forms