graph-visualisation
Use when the user works on the force-directed graph explorer, layer colours, persona views, or node filtering.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
Use when the user works on the force-directed graph explorer, layer colours, persona views, or node filtering.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
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.