LogoClawIndex
CasesSkillsAbout
LogoClawIndex

add-screen-component - Add custom components to self-service dashboards

Creates and registers custom dashboard components with Vue views, data definitions, optional configuration panels, and event integration.

Tags

Updated: 2026-09-29

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Create Vue component files
  • Define component data
  • Add configuration panels
  • Register component enums
  • Register component exports
  • Implement component events

Inputs

  • Nocode repository
  • Component name
  • Component requirements

Outputs

  • Vue component files
  • TypeScript data definition
  • Configuration panel files
  • Component registry changes
  • Export registry changes

Requirements

  • Repository write access
  • Vue and TypeScript project
  • Specified nocode directory structure

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.
low-code
dashboard
Vue
TypeScript
component registration
Create Vue component files
Define component data
Add configuration panels
Register component enums
Nocode repository
Component name
Component requirements
Vue component files
TypeScript data definition
Configuration panel files