Create custom view types for Wave Terminal using React and Jotai.
npx skills add https://github.com/wavetermdev/waveterm --skill create-view
Please help me install this Agent Skill. Skill: create-view Source: https://github.com/wavetermdev/waveterm/tree/main/.kilocode/skills/create-view Command: npx skills add https://github.com/wavetermdev/waveterm --skill create-view
This Skill provides a comprehensive guide for developers looking to extend Wave Terminal by creating and integrating new custom view components.
Follow the step-by-step guide to create a new view model class for your custom view.
High-intent search queries and answers about installing and using this skill.
To create a custom view type in Wave Terminal, you define a ViewModel interface, build a React ViewComponent, and register the new type within the BlockRegistry. This enables modular UI extensions and custom content rendering capabilities.
Jotai state management for custom view components involves defining state and logic using Jotai atoms within your ViewModel class. This approach handles the internal state requirements for your new React UI components in Wave Terminal.
Registering a new React view component in the BlockRegistry requires mapping your newly created ViewModel and ViewComponent to a specific view type identifier. This step integrates your custom UI component into the Wave Terminal application for user interaction.
Yes, you can use React to build reusable UI components for Wave Terminal views. The implementation guide specifically covers ViewComponent creation using React to handle the display and rendering of custom content blocks.
You need to define a ViewModel interface when adding a new view type like a Markdown Preview to Wave Terminal. The ViewModel manages the state and logic required before the React ViewComponent can render the custom content blocks.
wshobsonGuide React state management with Redux Toolkit, Zustand, Jotai, and React Query.
tambo-aiRegister React components with Tambo registry and generate Zod prop schemas.
mits-plImplement Wave Terminal views with ViewModel, React component, and BlockRegistry registration.
lihonghuacgkImplement a Wave Terminal view with a ViewModel, React component, and BlockRegistry registration.
