arndvs/ux-draw-relationships
skills/ux-draw-relationships/SKILL.md
Step 2.2 of Sketch the Solution. Draw interaction relationships between entities as a Mermaid ERD. Use when asked to 'draw relationships', 'entity relationships', 'relationship diagram', or 'ERD'.
data-ai
Updated Apr 30, 2026
$ install --global
skillsauthnpx skillsauth add arndvs/ctrlshft ux-draw-relationshipsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 30, 2026, 2:37 AM31.8s1 file scanned
SKILL.md
- name:
- ux-draw-relationships
- description:
- Step 2.2 of Sketch the Solution. Draw interaction relationships between entities as a Mermaid ERD. Use when asked to 'draw relationships', 'entity relationships', 'relationship diagram', or 'ERD'.
UX Step 2.2 — Draw Relationships
Output "Read UX Draw Relationships skill." to chat to acknowledge you read this file.
Phase: /ux-system-map → Step 2 of 2
Connect entities with labeled relationships showing how they interact. Generate a Mermaid entity-relationship diagram.
Process
-
Take the entity inventory from Step 2.1
-
Map relationships between entities using the verbs extracted in Phase 1:
- Member creates Content
- Member has Skills, Status, Project, Location
- Member searches Members (by skills, location)
- Content has Topic, Type, Comments, Links, Images
-
Generate Mermaid ERD:
erDiagram
MEMBER ||--o{ CONTENT : creates
MEMBER ||--o{ SKILL : has
MEMBER ||--|| PROFILE : has
CONTENT ||--o{ COMMENT : has
CONTENT }o--|| TOPIC : "belongs to"
MEMBER }o--o{ MEMBER : searches
-
Label every arrow with the action verb (creates, views, edits, searches, has)
-
Validate completeness — trace each user story through the diagram:
- Can you follow the path of every story?
- Are there entities mentioned in stories but missing from the map?
- Are there relationships implied but not drawn?
Rules
- Every entity must connect to at least one other entity
- Every relationship must have a labeled action verb
- Use standard ERD cardinality notation (one-to-one, one-to-many, many-to-many)
- Cross-reference against ALL user stories for completeness
Output
Append to system-map.md: Mermaid ERD diagram and relationship table.
Related Skills
arndvs/visual-feedback
development
VerifiedTrustedCommunity
Use when implementing UI, checking dark/light mode, or validating animations — adds a visual feedback loop via browser screenshots so frontend changes are verified, not assumed.
SKILL.mdUpdated May 21, 2026
arndvs/press1-check
development
VerifiedTrustedCommunity
Use when Claude Code sessions had many manual approval ("press 1") prompts or when auditing hook permissions; identifies which Bash commands required approval.
SKILL.mdUpdated May 21, 2026
arndvs/plan-archive
tools
VerifiedTrustedCommunity
Use after merging a PR or during periodic cleanup to archive plan-mode files by linking them to merged PRs.
SKILL.mdUpdated May 21, 2026
arndvs/grill-with-docs
testing
VerifiedTrustedCommunity
Use when stress-testing a plan against the project's domain model — grills the design, sharpens terminology, and updates documentation (CONTEXT.md, ADRs) inline as decisions crystallise.
SKILL.mdUpdated May 21, 2026