smithery.ai

feature-structure

Architecture patterns for organizing feature modules in the codebase. Use when creating new files, brand new features or pages.

First seen Mar 28, 2026

Installation

$ npx skills add https://smithery.ai

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from smithery.ai · top by installs.

npx skills add https://smithery.ai

Browse all from smithery.ai

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,867 B
  • docs SUMMARY.md 152 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 1 installs

SKILL.md

Tech Stack

React 18 · Next.js 15 · TypeScript · Wagmi · TanStack Query · Biome

Feature Structure

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)

Architecture

Project Structure

/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.)

File Naming

  • Stores: src/stores/use{Feature}{State}.ts
  • Queries: src/hooks/queries/use{Entity}Query.ts
  • Derived hooks: src/hooks/use{Processed|Filtered}{Entity}.ts
  • Features: src/features/{name}/{name}-view.tsx