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 capability: Define design tokens

Browse skills that share this capability.

  • bexa - Professional frontend design for AI agents
    web designfrontend developmentresponsive designdesign systems

    ★ 8 · Updated 2026-10-06

    Designs and implements responsive, non-generic web frontends with deliberate typography, color tokens, layouts, animation, and component states.

    ⚙ Adapt design dials⚙ Design responsive frontends⚙ Define design tokens
  • tailwind-design-system - Build scalable Tailwind CSS design systems
    Tailwind CSSdesign systemsdesign tokenscomponent libraries

    ★ 0 · Updated 2026-10-04

    Build design systems with Tailwind CSS, design tokens, component libraries, responsive patterns, and accessibility practices.

    ⚙ Define design tokens⚙ Build component libraries⚙ Create responsive components
  • uiux-designer - Interview-led UI/UX design specifications
    UI/UX designDesign interviewUser flowsWireframes

    ★ 1 · Updated 2026-10-02

    Conducts a three-round interview before creating user flows, screen layouts, states, interactions, components, accessibility, and design-token specifications.

    ⚙ Ask context questions⚙ Explore flows and edge cases⚙ Confirm design assumptions
  • motion-ui - Build polished UIs with purposeful motion
    UI animationFramer Motionmicro-interactionsdesign tokens

    ★ 2 · Updated 2026-09-29

    Create modern interfaces with Framer Motion micro-interactions, clear UI states, design tokens, and accessibility-aware animations.

    ⚙ Implement motion-rich UI components⚙ Define design tokens⚙ Animate component state changes
  • web-design - Create a complete website design specification
    web designdesign systemsUI componentsresponsive design

    ★ 0 · Updated 2026-09-29

    Creates a structured website design specification covering tokens, typography, layout, components, responsive behavior, animation, and handoff structure.

    ⚙ Define design tokens⚙ Specify typography systems⚙ Design responsive layouts
  • neobrutalism - Author practical neobrutalism design system guidelines
    neobrutalismdesign-systemui-guidelinesaccessibility

    ★ 1 · Updated 2026-09-12

    Provides implementation-ready guidance and rules for neobrutalism design systems.

    ⚙ Author design system guidelines⚙ Define design tokens⚙ Specify component states
  • ios-design-direction - iOS App Design Philosophy & Creative Direction with HIG
    iOS designHIGSwiftUIaccessibility

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