LogoClawIndex
CasesSkillsAbout
LogoClawIndex

vue - Vue 3 JSON spec renderer

Converts JSON specs into Vue component trees with data binding, visibility, and actions.

Tags

Updated: 2026-03-20
Vue 3JSON renderingcomponent registrystate managementform validationUI generationdata binding

Capabilities

render Vue componentscreate component catalogsdefine component registrieshandle component actions

Typical Inputs

JSON speccomponent catalogcomponent registry

Typical Outputs

Vue component treerendered UIstate updates

What this skill does

  • render Vue components
  • create component catalogs
  • define component registries
  • handle component actions
  • validate form fields
  • manage component state
  • enable conditional rendering
  • bind state to props
  • stream UI specs

Inputs

  • JSON spec
  • component catalog
  • component registry
  • initial state
  • action handlers
  • store

Outputs

  • Vue component tree
  • rendered UI
  • state updates
  • validation results

Requirements

  • Vue 3.5.0 or higher
  • Node.js environment
  • npm package manager

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.