Menu
Use when the user works on the force-directed graph explorer, layer colours, persona views, or node filtering.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Use when the user adds or modifies a Next.js API route under ui/src/app/api/.
Use when the user works on EHDS articles, DSP protocol, DCP credentials, ODRL policies, or the audit trail.
Use when the user works on authentication, Keycloak configuration, OIDC, roles, or JWT claims.
Use when the user adds nodes, relationships, constraints, or indexes to the Neo4j knowledge graph, or edits any *.cypher file.
Use when the user adds E2E tests, Playwright specs, or journey coverage.
Use when the user works on demo personas, localStorage persistence, or GitHub Pages static-export behaviour.
| name | graph-visualisation |
| description | Use when the user works on the force-directed graph explorer, layer colours, persona views, or node filtering. |
Sources: ui/src/lib/graph-constants.ts, ui/src/app/api/graph/route.ts.
graph-constants.ts for LABEL_LAYER, LAYER_COLORS, NODE_ROLE_COLORS,
PERSONA_VIEWS.#2471A3 · L2 #148F77 · L3 #1E8449 ·
L4 #CA6F1E · L5 #7D3C98 (.claude/rules/code-style.md).LABEL_LAYER mapping or they render
unstyled; new persona views go in PERSONA_VIEWS.ui/src/app/api/graph/route.ts.curl http://localhost:3000/api/graph?persona=<id> and check
node/edge counts; static mode uses ui/public/mock/graph_<persona>.json.Every new label styled + persona views updated + matching mock graph fixture.