docs: add UI testing guide to CLAUDE.md, align dev scripts

- Add documentation for running example apps and combined examples-app
  for UI testing with Playwright MCP
- Rename "serve" to "dev" in vue and vue-vanilla packages for
  consistency across all renderer sets
- Update README.md to reflect the vue-vanilla script rename
- Add .pnpm-store and .playwright-mcp to .gitignore

Author: sdirix

.gitignore

@@ -15,4 +15,6 @@ stats.html
 .coveralls.yml
 packages/examples-react/build
 
-**/.angular/cache
+**/.angular/cache
+.pnpm-store
+.playwright-mcp

CLAUDE.md

@@ -38,4 +38,54 @@ pnpm lerna run test --scope=@jsonforms/core
 
 ### Build Order Dependencies
 
-`core` → `react`/`angular`/`vue` → renderer packages
+`core` → `react`/`angular`/`vue` → renderer packages.
+Lerna automatically respects the build order dependencies.
+
+## Running Example Applications for UI Testing
+
+Each renderer set has its own example application with a dev server. Before starting any dev server, you **must** first install dependencies and build all packages:
+
+```bash
+pnpm install                  # Install dependencies (run from repo root)
+pnpm run build                # Build all packages (required before dev servers work)
+```
+
+All renderer sets share the same set of examples from `packages/examples/`.
+
+### Individual Dev Servers
+
+Start dev servers from the **repo root** using `cd` into the package directory.
+Each renderer set example application can be started by executing `pnpm run dev`.
+
+### Combined Examples App (All Renderer Sets)
+
+The combined examples app aggregates all 5 renderer sets into a single static app at `packages/examples-app/dist/`.
+It has an index page with links to each renderer set's sub-app.
+
+**Full build (first time or after `clean`):**
+
+```bash
+pnpm install                          # Install dependencies
+pnpm run build                        # Build all packages (required first)
+pnpm run build:examples-app           # Build all example bundles + aggregate into dist
+```
+
+**Rebuild after code changes to a specific renderer set:**
+
+```bash
+# 1. Rebuild the changed package (and any dependencies that changed)
+pnpm lerna run build --scope=@jsonforms/material-renderers
+
+# 2. Rebuild only that renderer set's example bundle
+pnpm lerna run build:examples-app --scope=@jsonforms/material-renderers
+
+# 3. Re-aggregate into the combined app
+node packages/examples-app/prepare-examples-app.js
+```
+
+**Serving the combined app:**
+
+```bash
+# No built-in serve script exists - use any static file server:
+python3 -m http.server 9090 --directory packages/examples-app/dist
+```

README.md

@@ -67,7 +67,7 @@ In this case, you can try to clean the repository with `git clean -dfx`. Beware
 - Run React Vanilla examples: `cd packages/vanilla-renderers && pnpm run dev`
 - Run React Material examples: `cd packages/material-renderers && pnpm run dev`
 - Run Angular Material examples: `cd packages/angular-material && pnpm run dev`
-- Run Vue Vanilla dev setup: `cd packages/vue-vanilla && pnpm run serve`
+- Run Vue Vanilla dev setup: `cd packages/vue-vanilla && pnpm run dev`
 - Run Vue Vuetify dev setup: `cd packages/vue-vuetify && pnpm run dev`
 
 ### Dependency & Release management

packages/vue-vanilla/package.json

@@ -43,7 +43,7 @@
     "vanilla.css"
   ],
   "scripts": {
-    "serve": "vue-cli-service serve dev/serve.ts",
+    "dev": "vue-cli-service serve dev/serve.ts",
     "build": "cross-env NODE_ENV=production rollup --config rollup.config.js",
     "build:examples-app": "rollup -c rollup.example.config.js",
     "clean": "rimraf lib example/dist",

packages/vue/package.json

@@ -39,7 +39,7 @@
     "src/*"
   ],
   "scripts": {
-    "serve": "vue-cli-service serve dev/serve.ts",
+    "dev": "vue-cli-service serve dev/serve.ts",
     "build": "cross-env NODE_ENV=production rollup --config rollup.config.js",
     "clean": "rimraf lib",
     "lint": "eslint .",