What is a Modern Zimlet?

A Modern Zimlet is a lightweight web component built using Preact and GraphQL that extends the functionality of the Zimbra Modern Web Client UI.

What are the core technologies used in Modern Zimlet development?

Modern Zimlets primarily use Preact (a lightweight React alternative), GraphQL for data fetching, and the zimlet-cli for building and packaging the code.

How do I identify where I can inject UI elements in Zimbra?

You can visualize all available injection points by adding '?zimletSlots=show' to your Zimbra application URL, which reveals the 'slots' used for Zimlet integration.

How do I deploy a Zimlet once development is finished?

Run 'zimlet package' to create a zip archive, then use the 'zmzimletctl deploy' command on your Zimbra server to install and enable the extension.

Zimbra Modern Zimlet Development

Name: Zimbra Modern Zimlet Development
Author: anouar1991

byanouar1991

0•

协作工具

Develops and deploys modern web components for the Zimbra Web Client using Preact, GraphQL, and the zimlet-cli toolchain.

This skill provides a comprehensive framework for building extensions for the Zimbra Modern Web Client (Zimbra X). It guides developers through the entire lifecycle of Zimlet creation, from scaffolding new projects with the zimlet-cli to implementing complex UI integrations via the slot system and managing data with GraphQL queries. Whether you are adding simple menu items or complex sidebar applications, this skill offers the architecture patterns, component examples, and deployment workflows necessary to create production-grade Zimbra integrations.

主要功能

010 GitHub stars

02Preact-based component development for high-performance UI extensions

03Automated packaging and deployment workflows for Zimbra production servers

04UI slot system implementation for deep integration into the Zimbra application shell

05Project scaffolding and build management via zimlet-cli

06GraphQL integration for querying and mutating Zimbra mail and calendar data

使用场景

01Adding custom buttons and tools to the email compose toolbar

02Creating custom application routes and dashboard views within Zimbra

03Developing contextual sidebars that pull data from third-party APIs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add anouar1991/binarypetsclaude zimlet-modern

For use in Claude.ai and ChatGPT

Download Skill