LogoClawIndex
CasesSkillsAbout
LogoClawIndex

vapor-ui - Vapor UI Design System & Code Converter

Vapor UI component catalog, icon lookup, and Figma to code converter

Tags

Updated: 2026-05-09
design systemUI componentsFigma to codemockup generationcomponent library

Capabilities

detect versionget component listget component infoget component examples

Typical Inputs

version numbercomponent nameicon keyword

Typical Outputs

component listcomponent detailsicon list

What this skill does

  • detect version
  • get component list
  • get component info
  • get component examples
  • get icon list
  • search icons
  • generate mockup
  • parse Figma URL
  • get design context
  • analyze node tree
  • convert layout
  • recognize components
  • generate code

Inputs

  • version number
  • component name
  • icon keyword
  • Figma URL
  • design specification

Outputs

  • component list
  • component details
  • icon list
  • example code
  • Vapor UI code

Requirements

  • Node.js environment
  • Figma MCP server access
  • script execution permission

Source

  • Spec: SKILL.md

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.