zul-writer

Installation
SKILL.md

ZUL Writer

Workflow Overview

This skill creates well-structured zul pages through a 5-step process:

  1. Clarify Requirements - Gather page purpose, pattern, and layout needs
  2. Generate ZUL - Create the ZUL file based on requirements
  3. Validate ZUL - Verify correctness of the generated ZUL
  4. Generate Controller Class - Create the corresponding Java class (ViewModel or Composer)
  5. Preview & Self-Review - Render the page to an image and check it against the requirements

Alternative entry: When user provides a UI image (screenshot/mockup), perform the Visual Analysis below first, then proceed to the 5-step process.

Run only the steps the request needs

The five steps are entry points, not a chain. A page built from nothing needs all of them; most other requests need one or two. Someone who hands you a finished .zul and asks what it looks like wants Step 5 and nothing else — interviewing them about MVC vs MVVM, or "improving" their markup on the way past, answers a question they did not ask and costs them a page they were happy with.

Installs
73
GitHub Stars
2
First Seen
Mar 11, 2026
zul-writer — zkoss-demo/agent-skill