@elsahafy/ux-mcp-server 2.0.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +159 -18
- package/dist/index.js +2130 -8
- package/knowledge/ai-ml-patterns.json +192 -0
- package/knowledge/analytics-metrics.json +521 -0
- package/knowledge/angular-patterns.json +347 -0
- package/knowledge/ar-vr-interfaces.json +139 -0
- package/knowledge/color-theory.json +499 -0
- package/knowledge/data-viz.json +527 -0
- package/knowledge/design-system-advanced.json +533 -0
- package/knowledge/ecommerce-patterns.json +616 -0
- package/knowledge/ethical-design.json +484 -0
- package/knowledge/finance-ux.json +208 -0
- package/knowledge/forms.json +641 -0
- package/knowledge/haptic-feedback.json +102 -0
- package/knowledge/healthcare-ux.json +209 -0
- package/knowledge/information-architecture.json +494 -0
- package/knowledge/microcopy.json +743 -0
- package/knowledge/mobile-patterns.json +537 -0
- package/knowledge/neurodiversity.json +228 -0
- package/knowledge/pwa-patterns.json +429 -0
- package/knowledge/saas-patterns.json +613 -0
- package/knowledge/testing-validation.json +561 -0
- package/knowledge/typography.json +509 -0
- package/knowledge/voice-ui.json +359 -0
- package/knowledge/vue-patterns.json +279 -0
- package/knowledge/web-components.json +148 -0
- package/package.json +1 -1
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Haptic Feedback Design",
|
|
3
|
+
"description": "Design guide for tactile feedback in user interfaces across devices",
|
|
4
|
+
"definition": "Haptic feedback is the use of vibrations and forces to communicate with users through touch",
|
|
5
|
+
"types": {
|
|
6
|
+
"vibration": {
|
|
7
|
+
"description": "Most common haptic feedback (smartphones, game controllers)",
|
|
8
|
+
"types": {
|
|
9
|
+
"notification": "Short vibration for alerts (200-500ms)",
|
|
10
|
+
"error": "Double or irregular vibration pattern",
|
|
11
|
+
"success": "Single, smooth vibration",
|
|
12
|
+
"button_press": "Very short tap (10-50ms)"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"force_feedback": {
|
|
16
|
+
"description": "Resistance or push-back (game controllers, VR)",
|
|
17
|
+
"examples": ["Trigger resistance in games", "Simulated texture on touchscreens"]
|
|
18
|
+
},
|
|
19
|
+
"taptic_engine": {
|
|
20
|
+
"description": "Precise haptics (Apple devices)",
|
|
21
|
+
"capabilities": ["Different intensities", "Various patterns", "Localized feedback"]
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"design_principles": {
|
|
25
|
+
"purposeful": "Every haptic must have clear meaning",
|
|
26
|
+
"consistent": "Same haptic for same action across app",
|
|
27
|
+
"subtle": "Not overwhelming or annoying",
|
|
28
|
+
"accessible": "Not only way to communicate info (redundant with visual/audio)"
|
|
29
|
+
},
|
|
30
|
+
"use_cases": {
|
|
31
|
+
"button_feedback": {
|
|
32
|
+
"pattern": "Light tap on press",
|
|
33
|
+
"duration": "10-20ms",
|
|
34
|
+
"when": "Touchscreen buttons (no physical click)"
|
|
35
|
+
},
|
|
36
|
+
"notifications": {
|
|
37
|
+
"pattern": "Medium vibration",
|
|
38
|
+
"duration": "200-300ms",
|
|
39
|
+
"variations": "Different patterns for different notification types"
|
|
40
|
+
},
|
|
41
|
+
"errors": {
|
|
42
|
+
"pattern": "Sharp double-tap or buzz",
|
|
43
|
+
"purpose": "Alert user to mistake",
|
|
44
|
+
"example": "Wrong password, invalid input"
|
|
45
|
+
},
|
|
46
|
+
"success": {
|
|
47
|
+
"pattern": "Smooth single vibration",
|
|
48
|
+
"purpose": "Confirm completion",
|
|
49
|
+
"example": "Payment successful, file uploaded"
|
|
50
|
+
},
|
|
51
|
+
"scrolling": {
|
|
52
|
+
"pattern": "Subtle ticks at each item",
|
|
53
|
+
"example": "iOS time picker, number selectors"
|
|
54
|
+
},
|
|
55
|
+
"gaming": {
|
|
56
|
+
"use": "Immersion (gunfire, collisions, explosions)",
|
|
57
|
+
"best_practice": "Vary intensity based on in-game events"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"platform_apis": {
|
|
61
|
+
"ios": {
|
|
62
|
+
"api": "UIImpactFeedbackGenerator, UINotificationFeedbackGenerator",
|
|
63
|
+
"types": ["Light", "Medium", "Heavy", "Soft", "Rigid", "Success", "Warning", "Error"]
|
|
64
|
+
},
|
|
65
|
+
"android": {
|
|
66
|
+
"api": "Vibrator, VibrationEffect",
|
|
67
|
+
"control": "Duration, amplitude, pattern"
|
|
68
|
+
},
|
|
69
|
+
"web": {
|
|
70
|
+
"api": "navigator.vibrate([duration])",
|
|
71
|
+
"support": "Limited (Android Chrome mainly)"
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
"best_practices": [
|
|
75
|
+
"Use haptics for important moments only",
|
|
76
|
+
"Keep vibrations brief (< 500ms)",
|
|
77
|
+
"Vary patterns for different actions",
|
|
78
|
+
"Allow users to disable haptics",
|
|
79
|
+
"Don't rely solely on haptics (accessibility)",
|
|
80
|
+
"Test on real devices (varies by hardware)",
|
|
81
|
+
"Consider battery impact",
|
|
82
|
+
"Use system-provided haptics when possible"
|
|
83
|
+
],
|
|
84
|
+
"anti_patterns": [
|
|
85
|
+
"Haptics for every tap (annoying)",
|
|
86
|
+
"Long vibrations (> 1 second)",
|
|
87
|
+
"Same pattern for everything",
|
|
88
|
+
"No way to disable",
|
|
89
|
+
"Relying only on haptics for critical info",
|
|
90
|
+
"Overly intense vibrations"
|
|
91
|
+
],
|
|
92
|
+
"accessibility": {
|
|
93
|
+
"deaf_hard_of_hearing": "Haptics can replace audio alerts",
|
|
94
|
+
"blind": "Haptics provide feedback for touchscreen interactions",
|
|
95
|
+
"motor_impairments": "May trigger haptics unintentionally, must be disableable"
|
|
96
|
+
},
|
|
97
|
+
"resources": [
|
|
98
|
+
"Apple Human Interface Guidelines - Haptics",
|
|
99
|
+
"Android Haptics Guide",
|
|
100
|
+
"Designing with Haptics (Haptic Design Blog)"
|
|
101
|
+
]
|
|
102
|
+
}
|
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Healthcare UX Patterns",
|
|
3
|
+
"description": "User experience design for healthcare applications, prioritizing safety, privacy, and usability",
|
|
4
|
+
"regulations": {
|
|
5
|
+
"hipaa": {
|
|
6
|
+
"name": "Health Insurance Portability and Accountability Act (US)",
|
|
7
|
+
"key_requirements": {
|
|
8
|
+
"privacy": "Protect patient health information (PHI)",
|
|
9
|
+
"security": "Encrypt data in transit and at rest",
|
|
10
|
+
"access_control": "Role-based access, audit logs",
|
|
11
|
+
"patient_rights": "Patients can access and correct their data"
|
|
12
|
+
},
|
|
13
|
+
"ux_implications": ["Strong authentication", "Session timeouts", "Audit trails visible to patients", "Secure messaging"]
|
|
14
|
+
},
|
|
15
|
+
"gdpr": {
|
|
16
|
+
"applies": "EU patients",
|
|
17
|
+
"requirements": ["Consent for data processing", "Right to access and delete", "Data portability"]
|
|
18
|
+
},
|
|
19
|
+
"fda": {
|
|
20
|
+
"scope": "Medical device software (apps that diagnose, treat, prevent disease)",
|
|
21
|
+
"requirements": "Usability testing, risk analysis, validation",
|
|
22
|
+
"ux_impact": "Rigorous testing and documentation required"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
"core_principles": {
|
|
26
|
+
"safety": {
|
|
27
|
+
"description": "Errors can have life-or-death consequences",
|
|
28
|
+
"practices": [
|
|
29
|
+
"Clear error messages with recovery steps",
|
|
30
|
+
"Confirmation for critical actions (medication orders)",
|
|
31
|
+
"Alerts for dangerous drug interactions",
|
|
32
|
+
"Minimize cognitive load (simplify complex workflows)"
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
"privacy": {
|
|
36
|
+
"description": "Health data is extremely sensitive",
|
|
37
|
+
"practices": [
|
|
38
|
+
"Minimal data collection",
|
|
39
|
+
"Clear privacy policy (plain language)",
|
|
40
|
+
"Granular privacy controls",
|
|
41
|
+
"Secure authentication (2FA recommended)",
|
|
42
|
+
"Auto-logout after inactivity",
|
|
43
|
+
"Encrypted messaging"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
"accessibility": {
|
|
47
|
+
"importance": "Many patients have disabilities",
|
|
48
|
+
"requirements": ["WCAG AA minimum", "Screen reader support", "High contrast mode", "Large text options", "Keyboard navigation"]
|
|
49
|
+
},
|
|
50
|
+
"trust": {
|
|
51
|
+
"description": "Users must trust the app with health decisions",
|
|
52
|
+
"practices": [
|
|
53
|
+
"Transparent about data usage",
|
|
54
|
+
"Cite medical sources",
|
|
55
|
+
"Show credentials (doctors, certifications)",
|
|
56
|
+
"Don't replace doctors (make this clear)",
|
|
57
|
+
"Explain AI/algorithm decisions"
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
"common_healthcare_apps": {
|
|
62
|
+
"telemedicine": {
|
|
63
|
+
"examples": ["Doctor video consultations", "Remote monitoring"],
|
|
64
|
+
"ux_patterns": {
|
|
65
|
+
"waiting_room": "Show wait time, queue position",
|
|
66
|
+
"video_quality": "Check internet connection before call",
|
|
67
|
+
"privacy": "Blur background option, waiting room (no auto-join)",
|
|
68
|
+
"documentation": "Auto-save notes, easy prescription sending"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
"patient_portals": {
|
|
72
|
+
"features": ["View test results", "Message doctor", "Schedule appointments", "View medical history"],
|
|
73
|
+
"ux_patterns": {
|
|
74
|
+
"results": "Explain results in plain language, not just raw numbers",
|
|
75
|
+
"messaging": "Secure, HIPAA-compliant, set response time expectations",
|
|
76
|
+
"appointments": "Show available slots, send reminders"
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
"medication_management": {
|
|
80
|
+
"features": ["Medication list", "Reminders", "Refill requests"],
|
|
81
|
+
"ux_patterns": {
|
|
82
|
+
"reminders": "Customizable (time, frequency), snooze option",
|
|
83
|
+
"tracking": "Log when taken, show adherence",
|
|
84
|
+
"interactions": "Alert for drug interactions",
|
|
85
|
+
"refills": "Auto-request when running low"
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
"symptom_checkers": {
|
|
89
|
+
"examples": ["WebMD", "Ada Health"],
|
|
90
|
+
"ux_patterns": {
|
|
91
|
+
"triage": "Guide to appropriate care level (ER, urgent care, wait)",
|
|
92
|
+
"disclaimer": "Not a substitute for professional medical advice (prominent)",
|
|
93
|
+
"questions": "Conversational, branching logic",
|
|
94
|
+
"results": "Possible conditions with probabilities, encourage doctor visit"
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
"wearables_health_trackers": {
|
|
98
|
+
"examples": ["Apple Health", "Fitbit", "Oura Ring"],
|
|
99
|
+
"ux_patterns": {
|
|
100
|
+
"dashboards": "Visualize trends over time",
|
|
101
|
+
"goals": "Set health goals, show progress",
|
|
102
|
+
"insights": "Actionable insights ('You slept 20% better this week')",
|
|
103
|
+
"alerts": "Notify of anomalies (high heart rate)"
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
"critical_ux_patterns": {
|
|
108
|
+
"error_prevention": {
|
|
109
|
+
"medication_errors": [
|
|
110
|
+
"Drug interaction warnings",
|
|
111
|
+
"Dose range validation (too high/low?)",
|
|
112
|
+
"Allergy checks",
|
|
113
|
+
"Look-alike/sound-alike drug warnings",
|
|
114
|
+
"Confirmation for high-risk meds"
|
|
115
|
+
],
|
|
116
|
+
"data_entry": [
|
|
117
|
+
"Structured input (dropdowns, not free text)",
|
|
118
|
+
"Validation (blood pressure 200/150 - confirm?)",
|
|
119
|
+
"Auto-complete for common values"
|
|
120
|
+
]
|
|
121
|
+
},
|
|
122
|
+
"consent_forms": {
|
|
123
|
+
"requirements": "Informed consent for treatments, data sharing",
|
|
124
|
+
"ux": [
|
|
125
|
+
"Plain language (not legalese)",
|
|
126
|
+
"Explain risks and benefits clearly",
|
|
127
|
+
"Allow downloading/printing",
|
|
128
|
+
"Require explicit consent (checkboxes)",
|
|
129
|
+
"Timestamp and store consent"
|
|
130
|
+
]
|
|
131
|
+
},
|
|
132
|
+
"emergency_access": {
|
|
133
|
+
"feature": "Critical info accessible even when locked (allergies, emergency contacts, medical conditions)",
|
|
134
|
+
"examples": ["iOS Medical ID", "Android Emergency Info"],
|
|
135
|
+
"ux": "Accessible from lock screen, no authentication needed"
|
|
136
|
+
},
|
|
137
|
+
"data_export": {
|
|
138
|
+
"requirement": "Patients own their data (HIPAA, GDPR)",
|
|
139
|
+
"format": "Machine-readable (JSON, CSV) and human-readable (PDF)",
|
|
140
|
+
"ux": "Easy to find ('Download my data'), quick processing"
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
"special_populations": {
|
|
144
|
+
"elderly": {
|
|
145
|
+
"considerations": ["Larger text (18px+)", "Simple navigation", "Phone support available", "Patience with errors"],
|
|
146
|
+
"avoid": ["Tiny touch targets", "Complex gestures", "Time-sensitive actions"]
|
|
147
|
+
},
|
|
148
|
+
"chronic_conditions": {
|
|
149
|
+
"considerations": ["Easy medication tracking", "Symptom logging", "Integration with devices (glucometer, blood pressure monitor)"],
|
|
150
|
+
"motivational_design": "Positive reinforcement, progress tracking, avoid guilt"
|
|
151
|
+
},
|
|
152
|
+
"mental_health": {
|
|
153
|
+
"considerations": ["Crisis resources prominent (suicide hotline)", "Non-judgmental tone", "Privacy (extra sensitive)", "Anonymity options"],
|
|
154
|
+
"avoid": "Triggering content, stigmatizing language"
|
|
155
|
+
}
|
|
156
|
+
},
|
|
157
|
+
"testing": {
|
|
158
|
+
"clinical_validation": {
|
|
159
|
+
"requirement": "FDA requires usability testing for medical device software",
|
|
160
|
+
"process": ["Formative testing (early feedback)", "Summative testing (validation)", "Document findings"],
|
|
161
|
+
"participants": "Representative users (patients, clinicians)"
|
|
162
|
+
},
|
|
163
|
+
"safety_testing": {
|
|
164
|
+
"scenarios": "Test error scenarios (wrong dose, wrong patient)",
|
|
165
|
+
"heuristics": "Focus on safety heuristics (visibility of errors, error prevention)"
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
"best_practices": [
|
|
169
|
+
"HIPAA compliance (encryption, access control, audit logs)",
|
|
170
|
+
"WCAG AA accessibility minimum",
|
|
171
|
+
"Plain language (avoid medical jargon)",
|
|
172
|
+
"Cite credible sources",
|
|
173
|
+
"Don't replace doctors (clear disclaimers)",
|
|
174
|
+
"Error prevention (confirmations, validations)",
|
|
175
|
+
"Privacy by default (minimal data, granular controls)",
|
|
176
|
+
"Emergency info accessible without login",
|
|
177
|
+
"Secure messaging (HIPAA-compliant)",
|
|
178
|
+
"Session timeouts (auto-logout)",
|
|
179
|
+
"Data export (patients own their data)",
|
|
180
|
+
"Large touch targets (accessibility)",
|
|
181
|
+
"Test with real patients and clinicians",
|
|
182
|
+
"Explain medical terms",
|
|
183
|
+
"Show progress in long forms"
|
|
184
|
+
],
|
|
185
|
+
"anti_patterns": [
|
|
186
|
+
"Storing unencrypted health data",
|
|
187
|
+
"No session timeout (privacy risk)",
|
|
188
|
+
"Medical jargon without explanation",
|
|
189
|
+
"No error prevention (easy to enter wrong dose)",
|
|
190
|
+
"Claiming to diagnose/treat without FDA approval",
|
|
191
|
+
"No way to export data",
|
|
192
|
+
"Inaccessible to screen readers",
|
|
193
|
+
"Tiny text (hard to read)",
|
|
194
|
+
"No emergency access feature",
|
|
195
|
+
"Unclear privacy policy",
|
|
196
|
+
"No drug interaction checks",
|
|
197
|
+
"Auto-play video with sound (privacy in waiting room)",
|
|
198
|
+
"Requiring unnecessary personal data",
|
|
199
|
+
"No citation of medical sources",
|
|
200
|
+
"Ignoring elderly and disabled users"
|
|
201
|
+
],
|
|
202
|
+
"resources": [
|
|
203
|
+
"FDA: Applying Human Factors in Medical Devices",
|
|
204
|
+
"HIPAA Compliance Guide",
|
|
205
|
+
"Healthcare UX Design (Dexcom, Epic, Cerner case studies)",
|
|
206
|
+
"Plain Language Medical Writing",
|
|
207
|
+
"WCAG 2.1 AA Guidelines"
|
|
208
|
+
]
|
|
209
|
+
}
|