add-block

Automate adding new block types to a block library with registration and UI integration.

Updated Mar 25, 2026
One-click install
npx skills add https://github.com/zeveck/zskills --skill add-block-zeveck
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-block
Source: https://github.com/zeveck/zskills/tree/main/block-diagram/add-block
Command: npx skills add https://github.com/zeveck/zskills --skill add-block-zeveck

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, end-to-end workflow for adding new block types to a block library, covering planning, implementation, registration, UI integration, code generation hooks, documentation tracking, and verification.

Core Features & Use Cases

  • Step-by-step workflow for creating a new block: plan, implement, register, update UI, explorer data, issue tracking, tests, and Rust integration.
  • Supports batch additions and batch-mode considerations to optimize development cycles.
  • Use Case: When introducing a new block type (e.g., a new block in a diagram or engine) to extend the library's capabilities and ensure end-to-end integration and verification.

Quick Start

Follow the step-by-step guide to implement a new block type, including pre-flight checks, planning, implementation, registration, UI integration, tests, and verification.

Frequently Asked Questions about add-block

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

FAQPage Schema
How do I add a new block type to my block library?

Adding a new block type involves a structured workflow covering planning, implementation, registration, UI integration, codegen hooks, tests, and verification. This ensures end-to-end integration when introducing new blocks to extend your library's capabilities.

What is the process for integrating new blocks into UI and documentation?

Integrating new blocks into UI and documentation requires updating UI components, explorer data, and tracking documentation alongside implementation and registration. This maintains consistency across the development workflow and user interface.

Can I add multiple blocks in batch mode to optimize development cycles?

Yes, batch additions and batch-mode considerations are supported to optimize development cycles. This allows you to introduce multiple new block types efficiently while maintaining end-to-end integration and verification standards.

What steps are needed to register a new block and set up codegen hooks?

Registering a new block and setting up codegen hooks requires completing pre-flight checks, planning the block structure, implementing the block logic, and then registering it with appropriate code generation hooks for Rust integration.

How do I verify and test a newly added block type in my library?

Verifying and testing a newly added block type involves running tests as part of the end-to-end workflow, ensuring the block passes implementation checks, registration validation, UI integration tests, and Rust integration verification.