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: spacing

Browse skills that share this tag.

  • spacing - Consistent spacing system for layouts and components
    spacinglayoutgridtailwind

    ★ 1 · Updated 2026-09-15

    Defines and enforces spacing rules based on a 4px and 8px grid system for responsive layouts and components.

    ⚙ Enforce 4px and 8px grid scale⚙ Apply responsive padding and margin rules⚙ Format section and card layout spacing
  • design-context-extract - Extract Design Tokens from Screenshots or URLs
    design-tokenscolorstypographyspacing

    ★ 128 · Updated 2026-06-30

    Extract design tokens including colors, fonts, spacing, and components from screenshots or URLs

    ⚙ Read image⚙ Fetch URL⚙ Extract colors
  • react-layout - React Layout with BAIFlex and Theme Tokens
    layoutspacingflexboxresponsive

    ★ 128 · Updated 2026-05-11

    Use BAIFlex for flex layouts and theme tokens for consistent spacing in React components

    ⚙ create BAIFlex layout⚙ set gap values⚙ apply theme tokens
  • arrange - Improve Layout and Visual Rhythm
    frontend-designlayoutspacingvisual-hierarchy

    ★ 3 · Updated 2026-03-26

    Assess and improve layout, spacing, and visual hierarchy for better compositions

    ⚙ analyze current layout⚙ assess spacing consistency⚙ evaluate visual hierarchy
  • visual-design-foundations - Visual Design Foundations for UI Systems
    design systemsvisual designtypographycolor theory

    ★ 18 · Updated 2026-03-23

    Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs

    ⚙ establish design tokens⚙ create spacing system⚙ select typefaces
  • visual-design-foundations - Create cohesive visual design systems
    design systemsaccessibilitytypographyUI design

    ★ 0 · Updated 2026-03-23

    Apply typography, color, spacing, and iconography principles to create cohesive visual designs

    ⚙ establish design tokens⚙ create color palettes⚙ design typography scale
  • visual-design-foundations - Visual Design Foundations for Consistent UI
    design systemsUI designvisual designtypography

    ★ 1 · Updated 2026-03-23

    Apply typography, color theory, spacing, and iconography principles to create cohesive visual designs

    ⚙ establish design tokens⚙ create style guides⚙ build color palettes
  • visual-design-foundations - Visual Design Foundations
    design systemvisual designUI designtypography

    ★ 0 · Updated 2026-03-23

    Apply typography, color, spacing, and iconography principles to create cohesive visual designs

    ⚙ apply typography principles⚙ select typefaces⚙ create spacing system
  • visual-design-foundations - Build Visual Design Systems
    visual designdesign systemsUI designtypography

    ★ 32,065 · Updated 2026-03-23

    Apply typography, color theory, spacing systems, and iconography principles to build cohesive visual systems

    ⚙ establish design tokens⚙ create spacing system⚙ select typefaces