Ckeditor5 Testing
TriliumNext/Trilium
Testing CKEditor 5 plugins in the Trilium monorepo. An agent skill from TriliumNext/Trilium.
Run local validation checks for ZenUML web-sequence before pushing, opening a PR, or merging.
$ npx skills add ZenUml/web-sequence --skill validate-branch -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ZenUml/web-sequence validate-branch --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/ZenUml/web-sequence.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/validate-branch .claude/skills/validate-branch && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "validate-branch" agent skill from https://github.com/ZenUml/web-sequence/tree/master/.claude/skills/validate-branch into .claude/skills/validate-branch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validate-branch", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/ZenUml/web-sequence/tree/master/.claude/skills/validate-branchType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add ZenUml/web-sequence --skill validate-branch -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ZenUml/web-sequence validate-branch --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ZenUml/web-sequence.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/validate-branch .agents/skills/validate-branch && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "validate-branch" agent skill from https://github.com/ZenUml/web-sequence/tree/master/.claude/skills/validate-branch into .agents/skills/validate-branch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validate-branch", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ZenUml/web-sequence --skill validate-branch -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ZenUml/web-sequence validate-branch --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ZenUml/web-sequence.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/validate-branch .cursor/skills/validate-branch && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "validate-branch" agent skill from https://github.com/ZenUml/web-sequence/tree/master/.claude/skills/validate-branch into .cursor/skills/validate-branch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validate-branch", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/ZenUml/web-sequence.git --path .claude/skills/validate-branch--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add ZenUml/web-sequence --skill validate-branch -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ZenUml/web-sequence validate-branch --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ZenUml/web-sequence.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/validate-branch .gemini/skills/validate-branch && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "validate-branch" agent skill from https://github.com/ZenUml/web-sequence/tree/master/.claude/skills/validate-branch into .gemini/skills/validate-branch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validate-branch", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install ZenUml/web-sequence validate-branchInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add ZenUml/web-sequence --skill validate-branch -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/ZenUml/web-sequence.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/validate-branch .github/skills/validate-branch && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "validate-branch" agent skill from https://github.com/ZenUml/web-sequence/tree/master/.claude/skills/validate-branch into .github/skills/validate-branch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validate-branch", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ZenUml/web-sequence --skill validate-branch -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ZenUml/web-sequence validate-branch --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ZenUml/web-sequence.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/validate-branch .opencode/skills/validate-branch && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "validate-branch" agent skill from https://github.com/ZenUml/web-sequence/tree/master/.claude/skills/validate-branch into .opencode/skills/validate-branch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validate-branch", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
validate-branchRun local validation checks for ZenUML web-sequence before pushing, opening a PR, or merging.
Validate Branch is an agent skill from ZenUml/web-sequence. Run local validation checks for ZenUML web-sequence before pushing, opening a PR, or merging. Use when the user says "validate", "check branch", "run tests", "preflight", "is this ready", or before submit-branch or ship-branch. Covers Yarn/Vite/Jest/Playwright checks, build/release risk, and spot-check plans for UI/diagram changes (see spot-check skill).
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).
It sits in Testing & QA, covering Diagrams, Unit testing and Browser testing. It works with Playwright, Vite, Jest and pnpm. The repository describes itself as: Realtime tool for generating sequence diagrams. The licence is MIT.
4 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit e38bd91. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
yarnpnpmgitFrom the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
staging.zenuml.comFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Validate Branch loads about 1.1k tokens when it runs. Until then it costs about 93 tokens; SKILL.md has 464 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from ZenUml/web-sequence at commit e38bd91, republished under its MIT licence (© ZenUml). 464 words, ~1,052 tokens.
.claude/skills/validate-branch/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.Verify the current branch is locally sane before it reaches GitHub Actions.
ZenUml/web-sequencemasteryarn install, yarn dev, yarn build)http://127.0.0.1:3000 (Playwright can auto-start via pnpm dev).Run:
git status --short --branch
git diff --name-only master...HEADIf the worktree has unrelated local changes, do not stage or revert them. Validate the current branch changes and mention the unrelated files in the report.
Run the smallest set that gives real confidence:
yarn buildyarn testyarn dev, test the changed flow in browser, and run yarn test:e2e when the smoke suite is relevant.yarn release after yarn buildfunctions/package.json and run the relevant functions build/test/deploy dry-run command if available.yarn lint, but if local ESLint is blocked by missing eslint-config-synacor, report that as an environment/config blocker and continue with other checks.Do not run expensive or stateful deploy commands unless the user explicitly asks.
When to skip: docs-only, CI/workflow-only, unrelated skill files.
For changes under src/components, src/style.css, src/assets/tailwind.css, vite.config.js, e2e/, or @zenuml/core integration:
Use the spot-check skill — write the plan (behavior, target URL, assertions, method) before touching the browser or Playwright.
| Situation | Target |
|---|---|
| Branch not deployed yet | yarn dev → http://127.0.0.1:3000 |
| Validating staging deploy | PW_BASE_URL=https://staging.zenuml.com + Playwright |
@zenuml/core / preview iframe | Assert inside #demo-frame (see spot-check skill) |
| Broad DSL/renderer regression | Run e2e/tests/dsl-spot-check.spec.js as a recipe (optional) |
Follow the spot-check skill workflow. Prefer Playwright CLI for repeatability; use browser MCP for ad-hoc steps.
For each [ ] assertion: interact → observe signal → screenshot diagram/preview when visual proof matters.
If every assertion passes: Step 3 PASS. If any fails: FAIL — include which assertion failed and evidence path; fix code, then re-run from §2.
Common gotchas: see spot-check skill (iframe scope, loginAndsaveMessageSeen, third-party console noise). Branch-specific:
yarn build, CI pnpm build — run pnpm build if the change touches lockfile or Vite resolution.render-diagram-* screenshot; layout/CSS regressions need visual evidence.Use this shape:
Validation: PASS|FAIL|PARTIAL
- Build: ...
- Tests: ...
- Browser smoke: ...
- Skipped: ... (reason)
- Unrelated local changes: ...FAIL means a required check failed. PARTIAL means useful checks passed but one check could not run because of environment, credentials, missing config, or an intentionally skipped scope.
© ZenUml, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 1 other file in .claude/skills/validate-branch of ZenUml/web-sequence.
Open the folder on GitHubat commit e38bd91
Validate Branch next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Validate Branch this skillZenUml/web-sequence | 150 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Ckeditor5 TestingTriliumNext/Trilium | 38k | — | ~3.3k | Automated safety check: Pass | AGPL-3.0 | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.1k | Automated safety check: Pass | None | |
| Ha Frontend Testinghome-assistant/frontend | 5.7k | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.2k | Automated safety check: Pass | None | |
| Testingradix-ng/primitives | 274 | — | ~3.3k | Automated safety check: Pass | MIT |
TriliumNext/Trilium
Testing CKEditor 5 plugins in the Trilium monorepo. An agent skill from TriliumNext/Trilium.
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
home-assistant/frontend
Home Assistant frontend testing and validation workflow. An agent skill from home-assistant/frontend.
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
radix-ng/primitives
Test Radix NG primitives across every layer and pick the RIGHT one for a change: Vitest unit (zoneless), jest-axe a11y, Playwright browser regression (apps/visual-regression), SSR…
asmyshlyaev177/react-horizontal-scrolling-menu
Server rendering and testing for react-horizontal-scrolling-menu: the library is client-only ('use client' required in React Server Components, else "createContext is not a function"), SSR first…
ZenUml/web-sequence
Monitor and diagnose GitHub Actions checks on ZenUML web-sequence PRs, fixing code-caused CI failures when appropriate.
ZenUml/web-sequence
Merge a green ZenUML web-sequence PR into master and verify staging CI after merge.
ZenUml/web-sequence
Release ZenUML web-sequence to production (app.zenuml.com) by publishing a GitHub release, wait for deploy-prod CI + @smoke, then run a release-delta spot check (spot-check skill Step 5.5).
ZenUml/web-sequence
Ad hoc, AI-driven verification of a specific behavior on ZenUML web-sequence — not a new checked-in E2E test.
ZenUml/web-sequence
Push the current ZenUML web-sequence branch, create or reuse a GitHub PR against master, then always run babysit-pr until CI is green or blocked.
ZenUml/web-sequence
Take the current ZenUML web-sequence branch from local validation through PR submission, green CI, and merge to master.
Works with
Categories
Run local validation checks for ZenUML web-sequence before pushing, opening a PR, or merging. Validate Branch is an agent skill from ZenUml/web-sequence. Run local validation checks for ZenUML web-sequence before pushing, opening a PR, or merging.
Validate Branch fits situations like: the user says validate; before submit-branch.
Run `npx skills add ZenUml/web-sequence --skill validate-branch -a claude-code`. Or copy the skill folder (.claude/skills/validate-branch in ZenUml/web-sequence) into .claude/skills/validate-branch in your project. Claude Code loads it when a task matches its description.
Run `npx skills add ZenUml/web-sequence --skill validate-branch -a codex`. Or copy the skill folder (.claude/skills/validate-branch in ZenUml/web-sequence) into .agents/skills/validate-branch in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ZenUml/web-sequence --skill validate-branch -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/validate-branch, .gemini/skills/validate-branch, .github/skills/validate-branch and .opencode/skills/validate-branch in your project.
Going by SKILL.md and its folder, Validate Branch needs the command-line tools its instructions call (yarn, pnpm and git).
SKILL.md names 1 domain. In commands or code: staging.zenuml.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Validate Branch is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.1k tokens (SKILL.md is roughly 4.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Validate Branch: Ckeditor5 Testing (TriliumNext/Trilium, 38k stars), Playwright Testing (chongdashu/vibejam-starter-pack, 149 stars), Ha Frontend Testing (home-assistant/frontend, 5.7k stars) and Playwright Testing (chongdashu/vibejam-starter-pack, 149 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
ZenUml (a GitHub organization) maintains it in ZenUml/web-sequence, which has 150 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on October 5, 2026.
Source: ZenUml/web-sequence on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.