create-view

Implement and register a Wave Terminal view component with ViewModel and BlockRegistry.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/marrabld/waveterm --skill create-view-marrabld
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-view
Source: https://github.com/marrabld/waveterm/tree/main/.kilocode/skills/create-view
Command: npx skills add https://github.com/marrabld/waveterm --skill create-view-marrabld

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guides developers to implement a new view type within Wave Terminal by clarifying how to design a ViewModel, create a corresponding React view component, and register the new type in the BlockRegistry so it can be instantiated inside blocks.

Core Features & Use Cases

  • Clear architecture guidance for a Model-View structure (ViewModel, ViewComponent, BlockFrame) and how they interrelate.
  • Step-by-step workflow to implement a new view: define viewType, build viewComponent, optionally configure icons and header elements, and register in BlockRegistry.
  • Real-world use case: adding a custom dashboard or panel view to Wave Terminal blocks for specialized content.

Quick Start

Create a new view by implementing a ViewModel, building its React component, and registering the view type in the BlockRegistry, then instantiate a block using that view type.

Frequently Asked Questions about create-view

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a custom view component to Wave Terminal blocks?

To add a custom view to Wave Terminal blocks, you implement a ViewModel, build the corresponding React view component, and register the new view type in the BlockRegistry.

What is the architecture for a Wave Terminal view type?

A Wave Terminal view type uses a Model-View architecture where a ViewModel defines the viewType and viewComponent, and the React component renders inside a BlockFrame within blocks.

Do I need React to create a Wave Terminal view model?

Yes, you need React to implement the viewComponent, because Wave Terminal views require a corresponding React component to render content inside blocks after registration.

How do I register a new view type in BlockRegistry?

To register a new view type in BlockRegistry, define your ViewModel with a viewType and viewComponent, then add it to the registry so blocks can instantiate the custom view.

Can I configure custom icons and headers for Wave Terminal views?

Yes, when creating a Wave Terminal view, you can optionally configure icons and header elements for the view component during the implementation and registration workflow.