---
name: framework-concept-mapper
description: |
  Translating architectural concepts between frameworks. Trigger when the user asks "what is the equivalent of Laravel middleware in React?",  "how do I do interceptors in Vue?", or "map this pattern to Python".
---

# Framework Concept Mapper

## Workflow
1. **Source Identification:** Identify the source framework and the specific architectural concept (e.g., Middleware, Dependency Injection, State Management, Hooks).
2. **Pattern Extraction:** Understand the core problem the source pattern solves (e.g., "Preprocessing requests before they reach the controller").
3. **Target Translation:** Find the closest semantic equivalent in the target framework/language.
4. **Code Comparison:** Provide a side-by-side code example showing the "Source way" vs. the "Target way".
5. **Caveat Analysis:** Note any subtle differences in behavior or implementation details (e.g., "In React, interceptors are typically handled via Axios rather than built-in middleware").