菜单
Architecture patterns for organizing feature modules in the codebase. Use when creating new files, brand new features or pages.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Patterns to follow for implementing transaction hooks with tracking. Use when implementing new features interacting with EVM contracts, signing transactions, permit... etc.
Icon usage conventions and semantic mappings. Use when adding, modifying, or choosing icons.
Core patterns for data fetching, state management, and user preferences. Use when implementing new features that require getting data from Our APIs, Morpho API, on-chain states or managing shared state.
Core component library and design system patterns. Use when building UI, building new components, new page, using design tokens, or working with the component library.
| name | feature-structure |
| description | Architecture patterns for organizing feature modules in the codebase. Use when creating new files, brand new features or pages. |
React 18 · Next.js 15 · TypeScript · Wagmi · TanStack Query · Biome
src/features/{feature-name}/
├── {feature-name}-view.tsx # Main orchestrator
├── components/ # Feature-specific components
│ ├── filters/
│ ├── table/
│ └── {component}.tsx
├── hooks/ # Feature-specific hooks (optional)
└── utils/ # Feature-specific utilities (optional)
/app # Next.js App Router pages
/markets # Market listing
/market/[chainId]/[marketId] # Market detail
/positions/[account] # User positions
/autovault # Vault listing + detail
/rewards # Rewards dashboard
/history/[account] # Transaction history
/settings # User settings
/admin/stats # Admin stats
/src
/data-sources # Data fetching layer
/morpho-api/ # Morpho API fetchers (14 files)
/subgraph/ # Subgraph fallback fetchers
/hooks # 53 custom hooks
/queries/ # React Query hooks (13+)
/stores # Zustand stores (16 total)
/features # Feature modules (markets, positions, autovault, swap, rewards)
/constants # Static data (oracle cache, chain configs)
/utils # Utilities (types, networks, RPC, etc.)
src/stores/use{Feature}{State}.tssrc/hooks/queries/use{Entity}Query.tssrc/hooks/use{Processed|Filtered}{Entity}.tssrc/features/{name}/{name}-view.tsx