菜单
Native mobile patterns for personal finance apps. Use when building or modifying the iOS (SwiftUI) or Android (Jetpack Compose) clients. Covers net worth display, portfolio views, transaction lists, pull-to-refresh sync, biometric auth, and financial number formatting for FR locale.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Bank and broker scraping with Playwright and APIs. Use when building or modifying scrapers for IBKR, Trade Republic, Boursobank, or Crédit Agricole. Handles login flows, virtual keyboards, OTP, anti-bot evasion, and financial data extraction (balances, positions, transactions, dividends).
Next.js 14 dashboard components for Finary-style wealth management. Dark theme design system extracted from Finary production CSS. Covers net worth, portfolio, budget views with Recharts, TanStack Query, Zustand, Tailwind CSS.
End-to-end testing for bank scrapers. Use when writing or modifying tests for the scraping layer. Covers mocking bank websites, testing virtual keyboard solvers, OTP flows, data extraction validation, and scraper resilience (retry, error handling, anti-bot detection).
Financial data modeling, calculations, and transaction categorization for personal wealth management. Use when working on database schema, P&L calculations, asset allocation, dividend tracking, net worth computation, or automatic transaction categorization with regex rules and LLM fallback.
Market data aggregation from multiple free providers (yfinance, ECB, Finnhub). Use when building or modifying the market data pipeline. Covers real-time stock/ETF quotes, ISIN-ticker resolution, ECB FX rates (EUR/USD/GBP), historical OHLCV data, instrument metadata enrichment, dividend calendars, and multi-currency portfolio valuation.
Rust/Axum API patterns for personal finance endpoints. Use when building or modifying the Finary backend API. Covers SQLx queries, financial calculations (P&L, TWR, MWR), pagination, caching, and all REST endpoints for accounts, portfolio, budget, and net worth.
| name | mobile-finance |
| description | Native mobile patterns for personal finance apps. Use when building or modifying the iOS (SwiftUI) or Android (Jetpack Compose) clients. Covers net worth display, portfolio views, transaction lists, pull-to-refresh sync, biometric auth, and financial number formatting for FR locale. |
Patterns iOS (SwiftUI) et Android (Jetpack Compose) pour l'app finance.
ios/
├── FinaryApp.swift
├── Models/
│ ├── Account.swift
│ ├── Position.swift
│ ├── Transaction.swift
│ └── NetWorth.swift
├── ViewModels/
│ ├── DashboardViewModel.swift
│ ├── PortfolioViewModel.swift
│ └── AccountsViewModel.swift
├── Views/
│ ├── Dashboard/
│ │ ├── DashboardView.swift
│ │ ├── NetWorthCard.swift
│ │ └── AllocationChart.swift
│ ├── Portfolio/
│ │ ├── PortfolioView.swift
│ │ └── PositionRow.swift
│ ├── Accounts/
│ │ ├── AccountsView.swift
│ │ └── TransactionRow.swift
│ └── Components/
│ ├── AmountText.swift
│ ├── PnLBadge.swift
│ └── SparklineView.swift
├── Services/
│ ├── APIClient.swift
│ └── BiometricAuth.swift
└── Utils/
└── Formatters.swift
extension Decimal {
func formatted(currency: String = "EUR") -> String {
let formatter = NumberFormatter()
formatter.numberStyle = .currency
formatter.currencyCode = currency
formatter.locale = Locale(identifier: "fr_FR")
return formatter.string(from: self as NSDecimalNumber) ?? "—"
}
func formattedPct() -> String {
let formatter = NumberFormatter()
formatter.numberStyle = .percent
formatter.minimumFractionDigits = 2
formatter.multiplier = 1 // déjà en %
return formatter.string(from: (self / 100) as NSDecimalNumber) ?? "—"
}
}
// Couleur selon P&L
extension Color {
static func pnl(_ value: Decimal) -> Color {
value > 0 ? .green : value < 0 ? .red : .secondary
}
}
struct DashboardView: View {
@StateObject var vm = DashboardViewModel()
var body: some View {
ScrollView {
// ... content
}
.refreshable {
await vm.triggerSync()
}
}
}
android/
├── app/src/main/java/com/finary/
│ ├── FinaryApp.kt
│ ├── data/
│ │ ├── api/FinaryApi.kt
│ │ ├── model/
│ │ └── repository/
│ ├── ui/
│ │ ├── dashboard/
│ │ ├── portfolio/
│ │ ├── accounts/
│ │ └── components/
│ └── di/AppModule.kt
fun Decimal.formatCurrency(currency: String = "EUR"): String {
val format = NumberFormat.getCurrencyInstance(Locale.FRANCE)
format.currency = Currency.getInstance(currency)
return format.format(this)
}
@Composable
fun AmountText(amount: BigDecimal, modifier: Modifier = Modifier) {
val color = when {
amount > BigDecimal.ZERO -> Color(0xFF10B981)
amount < BigDecimal.ZERO -> Color(0xFFEF4444)
else -> MaterialTheme.colorScheme.onSurface
}
Text(
text = amount.formatCurrency(),
color = color,
style = MaterialTheme.typography.titleMedium,
modifier = modifier,
)
}