create-view

Implement Wave Terminal views with ViewModel, React component, and BlockRegistry registration.

40|9|Updated Mar 22, 2026
One-click install
npx skills add https://github.com/mits-pl/wove --skill create-view-mits-pl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-view
Source: https://github.com/mits-pl/wove/tree/main/.kilocode/skills/create-view
Command: npx skills add https://github.com/mits-pl/wove --skill create-view-mits-pl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a structured blueprint for implementing a new view type in Wave Terminal, outlining how a ViewModel, a corresponding React view, and a registry entry work together to render new UI blocks.

Core Features & Use Cases

  • Architecture overview of a Model-View setup with a ViewModel interface, ViewComponent, and BlockFrame integration.
  • Clear steps to implement a new view: define viewType, create view component, expose via a block atom, and register with BlockRegistry.
  • Real-world use: add a custom terminal, web view, or data visualization component to extend Wave Terminal capabilities.

Quick Start

Create a new view by implementing a ViewModel and a React view, then register it in the BlockRegistry.

Frequently Asked Questions about create-view

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

FAQPage Schema
How do I create a new view in Wave Terminal?

Creating a new Wave Terminal view requires defining a ViewModel interface, building a corresponding React view component, and registering the view with the BlockRegistry for runtime rendering.

What is the architecture for a Wave Terminal view?

The Wave Terminal view architecture uses a Model-View setup consisting of a ViewModel interface, a React ViewComponent, and BlockFrame integration to render UI blocks.

How do I register a React component with the BlockRegistry?

You register a React component with the BlockRegistry by exposing it via a block atom, which integrates the component into the runtime for rendering new UI blocks.

Can I use Jotai atoms to manage state for a custom Wave Terminal view?

Yes, the Wave Terminal view implementation pattern integrates Jotai atoms to expose and manage state for your React view components via the block registry.

What do I need to define when adding a custom data visualization to Wave Terminal?

Adding a custom data visualization requires defining a viewType, creating a React view component, exposing it via a block atom, and registering the block with the BlockRegistry.

Does a Wave Terminal view require frontmatter metadata?

Yes, implementing a Wave Terminal view satisfies requirements for frontmatter including a name and description, alongside an architectural overview of the ViewModel and registry setup.