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.

  • ios-design-direction - iOS App Design Philosophy & Creative Direction with HIG
    iOS designHIGSwiftUIaccessibility

    ★ 602 · Updated 2026-06-30

    Guides iOS app design based on Apple Human Interface Guidelines, covering Clarity/Deference/Depth principles, SwiftUI implementation patterns, and accessibility design.

    ⚙ Guide HIG-based iOS design⚙ Design SwiftUI components⚙ Design screen layouts
  • brand - Engine AI Brand System & Visual Identity Guide
    brand systemvisual identitydesign systemUI guidelines

    ★ 0 · Updated 2026-06-30

    Apply Engine AI's dark premium gold-accented brand system to UI, pages, components, and visual output.

    ⚙ reference colour palette tokens⚙ apply typography rules⚙ apply spacing layout patterns
  • ckm:ui-styling - Build accessible UIs with shadcn/ui and Tailwind CSS
    UIshadcn/uiTailwind CSSaccessibility

    ★ 18 · Updated 2026-06-30

    Create accessible user interfaces using shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

    ⚙ install shadcn/ui components⚙ apply Tailwind CSS utility classes⚙ create responsive layouts
  • design-system-patterns - Build scalable design systems
    design systemdesign tokensthemingcomponent library

    ★ 0 · Updated 2026-06-15

    Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns

    ⚙ define design tokens⚙ configure theme infrastructure⚙ build component libraries
  • design-system-patterns - Design System Patterns Architecture
    design systemdesign tokensthemingcomponent library

    ★ 0 · Updated 2026-06-15

    Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns

    ⚙ create design tokens⚙ implement theme switching⚙ build multi-brand theming
  • design-system-patterns - Build scalable design systems
    design systemdesign tokensthemingcomponent library

    ★ 4 · Updated 2026-06-15

    Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns

    ⚙ create design tokens⚙ implement theme switching⚙ build component libraries
  • 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
  • extracting-brand-dna - Extract Brand DNA from Assets
    design systembrand identitybrand strategy

    ★ 43 · Updated 2026-06-15

    Extract brand DNA from assets via five-pass synthesis

    ⚙ analyze logo file⚙ extract colors⚙ build palette
  • 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-master - Frontend Development with Unique Design
    frontendUI designweb developmentcode generation

    ★ 3 · Updated 2026-05-28

    Intelligently analyze tech stack and generate unique UI designs while maintaining project consistency

    ⚙ analyze project tech stack⚙ detect framework⚙ scan CSS files
  • setup-design-system - Initialize accessible design systems with UI components
    design systemUI componentsTailwind CSSshadcn/ui

    ★ 8 · Updated 2026-05-28

    Initialize design systems or create UI components with accessibility, Tailwind/shadcn integration, and documentation.

    ⚙ verify feature branch⚙ assess current state⚙ set up design tokens
  • frontend-master - Create Unique Frontend UI Designs
    frontendUI designReactVue

    ★ 57 · Updated 2026-05-28

    Analyze project tech stack and generate UI designs avoiding AI aesthetics

    ⚙ scan project tech stack⚙ check existing design system⚙ analyze project type
  • setup-design-system - Initialize accessible design system
    design systemui componentsTailwind CSSaccessibility

    ★ 602 · Updated 2026-05-28

    Initialize or extend design system with accessible UI components, Tailwind/shadcn integration, and documentation.

    ⚙ verify feature branch⚙ assess current state⚙ create design tokens
  • design-guide - Modern UI Design Guidelines
    UI designdesign systemfrontendCSS

    ★ 0 · Updated 2026-05-28

    Apply modern UI design principles and guidelines for building clean, professional interfaces across frontend frameworks

    ⚙ apply design principles⚙ define color system⚙ set spacing system
  • visual-ralph - Frontend UI visual implementation with pixel-level verification
    frontendUI implementationvisual testingdesign system

    ★ 33,316 · Updated 2026-05-11

    Orchestrate frontend UI implementation from visual references using pixel-level verdict and iteration

    ⚙ generate UI mockup reference⚙ capture URL baseline⚙ run visual verdict
  • ui-design - Enforce shadcn-svelte + TailwindCSS 4 UI consistency
    UIdesign systemshadcn-svelteTailwindCSS

    ★ 18 · Updated 2026-05-11

    Enforces consistent UI within shadcn-svelte + TailwindCSS 4 design system for all application interface components.

    ⚙ check existing components⚙ match structure and patterns⚙ apply theme tokens
  • ui-design - Enforce shadcn-svelte UI design system consistency
    frontenddesign systemUIshadcn-svelte

    ★ 602 · Updated 2026-05-11

    Enforces consistent UI within shadcn-svelte + TailwindCSS 4 design system for pages, components, forms, dashboards.

    ⚙ enforce design system rules⚙ apply theme tokens⚙ check existing components
  • team-frontend - Frontend Development Team Skill
    frontendteamcoordinationui-ux

    ★ 1,454 · Updated 2026-05-11

    Unified team skill for frontend development with built-in UI/UX design intelligence

    ⚙ analyze task requirements⚙ read role specifications⚙ spawn worker agents
  • hoatrinh-design-system - Warm Amber Terminal Design System
    design systemUI componentsCSSvisual design

    ★ 0 · Updated 2026-05-09

    Manage UI components, styles, animations, and visual tokens for hoatrinh.dev project

    ⚙ add UI component⚙ modify UI component⚙ review UI component
  • figma-generate-design - Build Figma Screens from Code
    Figmadesign systemUI designscreen design

    ★ 0 · Updated 2026-05-09

    Translates application pages and views into Figma using published design system components and variables.

    ⚙ create screens⚙ update screens⚙ create views

Scroll to load more