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 tokens

Browse skills that share this tag.

  • design-md - Extract a design system from frontend source code
    design systemfrontendsource analysisdesign tokens

    ★ 6 · Updated 2026-09-28

    Analyzes frontend source files to produce a DESIGN.md design system covering colors, typography, spacing, components, and layout principles.

    ⚙ Detect frontend frameworks⚙ Map source styling files⚙ Extract design tokens
  • ui_workflow - Figma-Backed UI Implementation Workflow with Governed Design Mapping
    UI implementationFigmadesign mappingworkflow

    ★ 119 · Updated 2026-06-30

    Executes a repo-local Figma-backed UI implementation workflow covering design mapping, current-state audit, targeted implementation, layout and visual verification, iteration, and runtime memory management.

    ⚙ Resolve UI source from Jira or Figma⚙ Create canonical implementation brief⚙ Audit current implementation state
  • 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
    design tokensthemingcomponent libraryCSS variables

    ★ 0 · Updated 2026-06-15

    Build scalable design systems with design tokens and component architecture

    ⚙ create design tokens⚙ define color tokens⚙ define typography tokens
  • 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

    ★ 5 · 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
  • tamagui - Universal React UI framework for cross-platform apps
    ReactUI frameworkcross-platformstyled components

    ★ 14,205 · 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
  • design-md - Analyze Stitch Projects and Generate Design System Docs
    design systemdocumentationStitchdesign tokens

    ★ 0 · Updated 2026-05-09

    Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

    ⚙ analyze Stitch projects⚙ create DESIGN.md files⚙ retrieve screen metadata
  • Color Tokens - Android color tokens for consistent UI themes
    colorsUIthemingAndroid

    ★ 4 · Updated 2026-05-09

    Reference for project color tokens to avoid hardcoded hex values and keep themes consistent.

    ⚙ access color tokens⚙ apply color themes⚙ reference color definitions
  • website-theme - Apply Design Theme to Website
    website themedesign tokenscolorstypography

    ★ 2 · Updated 2026-05-09

    Apply complete design theme to existing website with colors, fonts, radius, shadows, motion

    ⚙ read website files⚙ generate theme proposals⚙ apply design tokens
  • visual-design-foundations - Visual Design Foundations for UI Systems
    design systemsvisual designtypographycolor theory

    ★ 22 · 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 - 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
  • surface-theme-scaffold-gen - Generate Clef Surface theme scaffolds
    design systemtheme scaffoldingaccessibilityWCAG

    ★ 0 · Updated 2026-03-23

    Generate Clef Surface theme scaffolds with oklch palette, typography, spacing, motion, elevation, and radius tokens

    ⚙ generate theme scaffolds⚙ register theme generator⚙ preview generation changes
  • design-system - Unified Design System for Flutter and Angular
    design systemFlutterAngularUI enforcement

    ★ 35 · Updated 2026-03-23

    Enforce design system rules across Flutter and Angular using tokens and linting

    ⚙ read design tokens⚙ enforce design rules⚙ run design lint
  • visual-design-foundations - Build Visual Design Systems
    visual designdesign systemsUI designtypography

    ★ 39,902 · 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
  • figma - Figma to React Native Design Converter
    figmareact nativedesign tokenscomponent conversion

    ★ 0 · Updated 2026-03-20

    Fetches design data from Figma and converts to React Native components and design tokens

    ⚙ fetch design data from Figma⚙ extract color tokens⚙ extract typography tokens
  • amplitude-ui-skills - Amplitude UI Design System for Agents
    design systemUI componentsinterface designdesign tokens

    ★ 89 · Updated 2026-03-19

    Guidelines and design tokens for building Amplitude-style interfaces with specified colors, fonts, spacing, and component styles

    ⚙ define design tokens⚙ apply color palette⚙ specify typography