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: visual design

Browse skills that share this tag.

  • ckm:ui-styling - UI Styling with shadcn/ui & Tailwind
    UIstylingcomponentsTailwind CSS

    ★ 7 · Updated 2026-06-30

    Create accessible UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual designs

    ⚙ create UI components⚙ style interfaces⚙ build layouts
  • infographic-design - AI Infographic Design Generator
    infographicdata visualizationgenerative designAI graphics

    ★ 13 · Updated 2026-06-15

    Generate infographic backgrounds, layouts, and visual elements for data visualization

    ⚙ generate infographic backgrounds⚙ create infographic layouts⚙ design visual elements
  • baoyu-cover-image - Article Cover Image Generator
    cover imageimage generationarticlevisual design

    ★ 18 · Updated 2026-05-28

    Generates article cover images with 5 customizable dimensions

    ⚙ generate cover images⚙ select dimensions⚙ set aspect ratio
  • 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
  • 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 - Build cohesive visual design systems
    design systemvisual designtypographycolor theory

    ★ 0 · Updated 2026-03-23

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

    ⚙ establish design tokens⚙ create spacing system⚙ select typefaces
  • 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
  • visual-audit - Web App Visual Design Audit Tool
    visual designUI auditresponsive designdark mode

    ★ 18 · Updated 2026-03-20

    Audits web design across viewports and modes with screenshots

    ⚙ discover routes⚙ take screenshots⚙ review layout
  • game-art - Game Art Design Guidelines
    game artvisual designasset pipelineanimation

    ★ 1 · Updated 2026-03-20

    Visual style selection, asset pipeline, and animation workflow for game art.

    ⚙ Select art style⚙ Define asset pipeline⚙ Apply color theory
  • frontend_design - Create Distinctive Production Frontend Interfaces
    frontendweb designUI designvisual design

    ★ 2 · Updated 2026-03-20

    Creates distinctive frontend interfaces avoiding generic AI aesthetics

    ⚙ design interfaces⚙ select typefaces⚙ build color palettes
  • pm-mock - UI Wireframe Generator with Pencil
    UI wireframesmockupsvisual designproduct design

    ★ 0 · Updated 2026-03-10

    Generates UI wireframes and mockups using the Pencil design tool.

    ⚙ create screen frame⚙ create screen⚙ read context file
  • Visual Storyteller - Create narrative-driven visuals for web products
    visual designstorytellingconversion optimizationweb UX

    ★ 0 · Updated 2026-02-13

    Creates narrative-driven visuals to explain value and increase conversion

    ⚙ create narrative visuals⚙ explain value proposition⚙ increase comprehension