@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,208 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Financial Services UX Patterns",
|
|
3
|
+
"description": "User experience design for banking, fintech, and financial applications",
|
|
4
|
+
"regulations": {
|
|
5
|
+
"pci_dss": {
|
|
6
|
+
"name": "Payment Card Industry Data Security Standard",
|
|
7
|
+
"scope": "Apps that handle credit card data",
|
|
8
|
+
"key_requirements": ["Never store CVV", "Encrypt card data", "Secure transmission", "PCI-compliant payment processors"],
|
|
9
|
+
"ux_impact": "Use Stripe, PayPal for card handling (don't build own)"
|
|
10
|
+
},
|
|
11
|
+
"kyc_aml": {
|
|
12
|
+
"name": "Know Your Customer / Anti-Money Laundering",
|
|
13
|
+
"requirement": "Verify user identity",
|
|
14
|
+
"ux_impact": ["ID upload", "Proof of address", "Longer onboarding", "Explain why required"]
|
|
15
|
+
},
|
|
16
|
+
"gdpr_privacy": "Right to access and delete financial data"
|
|
17
|
+
},
|
|
18
|
+
"core_principles": {
|
|
19
|
+
"security": {
|
|
20
|
+
"description": "Financial apps are high-value targets",
|
|
21
|
+
"practices": [
|
|
22
|
+
"Multi-factor authentication (2FA)",
|
|
23
|
+
"Biometric authentication (Touch ID, Face ID)",
|
|
24
|
+
"Session timeouts",
|
|
25
|
+
"Transaction confirmation (SMS, email)",
|
|
26
|
+
"Fraud detection alerts",
|
|
27
|
+
"Encryption at rest and in transit"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"trust": {
|
|
31
|
+
"description": "Users must trust app with their money",
|
|
32
|
+
"practices": [
|
|
33
|
+
"Clear security indicators (lock icon, SSL)",
|
|
34
|
+
"Transparent fees (no hidden costs)",
|
|
35
|
+
"Bank-level security language",
|
|
36
|
+
"Show credentials (FDIC insured, regulated by...)",
|
|
37
|
+
"Customer support easy to reach"
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
"clarity": {
|
|
41
|
+
"description": "Financial info must be crystal clear",
|
|
42
|
+
"practices": [
|
|
43
|
+
"Display amounts prominently",
|
|
44
|
+
"Show fees separately from total",
|
|
45
|
+
"Explain terms in plain language",
|
|
46
|
+
"Use tables for comparisons",
|
|
47
|
+
"Highlight key numbers"
|
|
48
|
+
]
|
|
49
|
+
},
|
|
50
|
+
"error_prevention": {
|
|
51
|
+
"description": "Financial errors are costly",
|
|
52
|
+
"practices": [
|
|
53
|
+
"Confirm large transactions",
|
|
54
|
+
"Show recipient info before sending money",
|
|
55
|
+
"Allow undo (if possible, e.g., pending transfers)",
|
|
56
|
+
"Validate account numbers (checksums)",
|
|
57
|
+
"Prevent duplicate transactions"
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
"common_fintech_apps": {
|
|
62
|
+
"banking_apps": {
|
|
63
|
+
"features": ["Check balance", "Transfer money", "Pay bills", "Deposit checks (photo)", "View transactions"],
|
|
64
|
+
"ux_patterns": {
|
|
65
|
+
"dashboard": "Balance prominent, recent transactions below",
|
|
66
|
+
"transfers": "Saved recipients, confirm before send, show delivery time",
|
|
67
|
+
"search": "Filter by date, amount, merchant",
|
|
68
|
+
"notifications": "Transaction alerts, low balance warnings"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
"payment_apps": {
|
|
72
|
+
"examples": ["Venmo", "Cash App", "PayPal", "Zelle"],
|
|
73
|
+
"ux_patterns": {
|
|
74
|
+
"send_money": "Recipient autocomplete, amount large and clear, add note",
|
|
75
|
+
"request_money": "Send request, set reminder",
|
|
76
|
+
"social_feed": "Opt-in (privacy concern), like/comment on transactions",
|
|
77
|
+
"split_bill": "Select contacts, app divides amount"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
"investment_apps": {
|
|
81
|
+
"examples": ["Robinhood", "Coinbase", "Acorns"],
|
|
82
|
+
"ux_patterns": {
|
|
83
|
+
"portfolio_view": "Total value, gain/loss ($ and %), holdings breakdown",
|
|
84
|
+
"stock_detail": "Real-time price chart, buy/sell buttons, news feed",
|
|
85
|
+
"risk_warnings": "Disclosures for risky investments (crypto, options)",
|
|
86
|
+
"educational": "Explain concepts for beginners"
|
|
87
|
+
}
|
|
88
|
+
},
|
|
89
|
+
"budgeting_apps": {
|
|
90
|
+
"examples": ["Mint", "YNAB", "PocketGuard"],
|
|
91
|
+
"ux_patterns": {
|
|
92
|
+
"spending_breakdown": "Pie chart by category, compare to budget",
|
|
93
|
+
"budget_setting": "Suggest based on history, allow customization",
|
|
94
|
+
"alerts": "Overspending warnings, bill reminders",
|
|
95
|
+
"trends": "Month-over-month comparisons, insights"
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
"lending_apps": {
|
|
99
|
+
"examples": ["LendingClub", "SoFi", "Upstart"],
|
|
100
|
+
"ux_patterns": {
|
|
101
|
+
"loan_application": "Progress indicator, clear requirements, real-time approval",
|
|
102
|
+
"rate_display": "APR prominent, total cost shown, payment schedule",
|
|
103
|
+
"disclosures": "Terms and conditions clear, not buried"
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
"critical_ux_patterns": {
|
|
108
|
+
"authentication": {
|
|
109
|
+
"login": ["Email/password", "Biometric (Touch ID, Face ID)", "SMS code (2FA)", "Authenticator app"],
|
|
110
|
+
"best_practice": "Offer biometric for convenience, require 2FA for sensitive actions",
|
|
111
|
+
"session": "Timeout after 5-10 min inactivity, require re-auth for sensitive actions"
|
|
112
|
+
},
|
|
113
|
+
"transaction_flow": {
|
|
114
|
+
"steps": {
|
|
115
|
+
"1_amount": "Large, clear input. Show balance. Suggest amounts (loan payoff, split bill).",
|
|
116
|
+
"2_recipient": "Autocomplete saved recipients. Show profile pic. Verify account/routing number.",
|
|
117
|
+
"3_details": "Add memo/note (optional). Select account (if multiple). Choose speed (instant fee vs free 1-3 days).",
|
|
118
|
+
"4_review": "Summary: To, From, Amount, Fee, Total, Delivery time. Edit option.",
|
|
119
|
+
"5_confirm": "2FA or biometric. Confirmation message with transaction ID.",
|
|
120
|
+
"6_receipt": "Email/push notification. View in transaction history. Undo option (if pending)."
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
"fees_pricing": {
|
|
124
|
+
"transparency": "Show all fees before confirmation",
|
|
125
|
+
"breakdown": "Separate amount, fee, total. Explain each fee.",
|
|
126
|
+
"comparison": "If offering tiers, clear comparison table",
|
|
127
|
+
"avoid": "Hidden fees, surprise charges"
|
|
128
|
+
},
|
|
129
|
+
"data_visualization": {
|
|
130
|
+
"spending": "Pie chart by category, bar chart by month",
|
|
131
|
+
"portfolio": "Line chart for performance over time, current value prominent",
|
|
132
|
+
"budget": "Progress bars, green (under budget) / red (over budget)",
|
|
133
|
+
"best_practice": "Show data, don't hide it in menus"
|
|
134
|
+
},
|
|
135
|
+
"error_states": {
|
|
136
|
+
"insufficient_funds": "Clear message: 'Not enough balance. Current: $50, Needed: $75.' Suggest add funds or lower amount.",
|
|
137
|
+
"invalid_account": "'Account number invalid. Please check and try again.' (Don't just say 'Error').",
|
|
138
|
+
"fraud_alert": "'Unusual activity detected. Confirm this is you.' Escalate to support if needed.",
|
|
139
|
+
"network_error": "'Connection lost. Your transaction did not go through. Try again.' (Don't charge if failed)."
|
|
140
|
+
}
|
|
141
|
+
},
|
|
142
|
+
"security_ux": {
|
|
143
|
+
"multi_factor_auth": {
|
|
144
|
+
"types": ["SMS code", "Authenticator app (TOTP)", "Biometric", "Email code"],
|
|
145
|
+
"ux": "Offer multiple options, default to most secure, remember device (checkbox)"
|
|
146
|
+
},
|
|
147
|
+
"fraud_detection": {
|
|
148
|
+
"alert": "Push notification for large/unusual transactions",
|
|
149
|
+
"confirm": "'Did you make this $500 purchase at X?' Yes/No buttons",
|
|
150
|
+
"freeze": "Quick freeze card option in app"
|
|
151
|
+
},
|
|
152
|
+
"password_reset": {
|
|
153
|
+
"security": "Send code to email + SMS, or security questions",
|
|
154
|
+
"ux": "Clear process, show expected wait time, don't lock account after failed attempts (provide recovery)"
|
|
155
|
+
}
|
|
156
|
+
},
|
|
157
|
+
"best_practices": [
|
|
158
|
+
"Use 2FA for login and sensitive actions",
|
|
159
|
+
"Biometric authentication for convenience",
|
|
160
|
+
"Session timeout after 5-10 min",
|
|
161
|
+
"Show all fees before confirmation",
|
|
162
|
+
"Confirm large transactions",
|
|
163
|
+
"Clear error messages with recovery steps",
|
|
164
|
+
"Use PCI-compliant payment processors",
|
|
165
|
+
"Encrypt all data (at rest and in transit)",
|
|
166
|
+
"Fraud detection and alerts",
|
|
167
|
+
"Quick account freeze option",
|
|
168
|
+
"Transaction history easy to search/filter",
|
|
169
|
+
"Display balances prominently",
|
|
170
|
+
"Explain financial terms in plain language",
|
|
171
|
+
"Allow transaction disputes",
|
|
172
|
+
"Customer support easy to reach (in-app chat)",
|
|
173
|
+
"Show security credentials (FDIC, regulations)",
|
|
174
|
+
"Send transaction receipts (email/push)",
|
|
175
|
+
"Test with diverse income levels and financial literacy"
|
|
176
|
+
],
|
|
177
|
+
"anti_patterns": [
|
|
178
|
+
"Storing credit card CVV",
|
|
179
|
+
"No 2FA option",
|
|
180
|
+
"Hidden fees revealed at confirmation",
|
|
181
|
+
"No transaction confirmation for large amounts",
|
|
182
|
+
"Unclear error messages",
|
|
183
|
+
"Auto-logout too fast (< 2 min, annoying)",
|
|
184
|
+
"No session timeout (security risk)",
|
|
185
|
+
"Complex financial jargon without explanation",
|
|
186
|
+
"Hard to find customer support",
|
|
187
|
+
"No fraud alerts",
|
|
188
|
+
"Allowing transactions with insufficient funds (overdraft without warning)",
|
|
189
|
+
"No way to freeze card in app",
|
|
190
|
+
"Transaction history hard to search",
|
|
191
|
+
"Confusing fee structure",
|
|
192
|
+
"Requiring unnecessary personal data"
|
|
193
|
+
],
|
|
194
|
+
"regulations_compliance": {
|
|
195
|
+
"gdpr": "Right to access, delete, export data",
|
|
196
|
+
"pci_dss": "Secure card data handling (use Stripe, not custom)",
|
|
197
|
+
"kyc_aml": "Verify identity for accounts > certain amount",
|
|
198
|
+
"cfpb": "Consumer Financial Protection Bureau (US) - fair lending, clear disclosures",
|
|
199
|
+
"sox": "Sarbanes-Oxley (public companies) - accurate financial reporting"
|
|
200
|
+
},
|
|
201
|
+
"resources": [
|
|
202
|
+
"PCI DSS Compliance Guide",
|
|
203
|
+
"Stripe UX Guidelines",
|
|
204
|
+
"Plaid UX Patterns (fintech)",
|
|
205
|
+
"Square Design System",
|
|
206
|
+
"Banking UX Design (Chase, Capital One case studies)"
|
|
207
|
+
]
|
|
208
|
+
}
|