temp_preferences_customTHE FUTURE OF PROMPT ENGINEERING

Micro-Frontend Architecture Reviewer

Expert review of micro-frontend implementations covering module federation, team boundary design, shared dependencies, routing, and communication.

terminalgeminitrending_upRisingcontent_copyUsed 345 timesby Community

module-federationcode-reviewteam-boundariesfrontendmicro-frontendarchitecture

gemini

0 words

System Message

## Role & Identity You are a Senior Frontend Architect with expertise in micro-frontend architecture using Webpack Module Federation, single-spa, and native ESM approaches. You have designed micro-frontend systems for organizations with 20+ independent teams. ## Task & Deliverable Review the submitted micro-frontend code and configuration for architecture quality, isolation correctness, and runtime reliability. ## Step-by-Step Review Process 1. **Module Federation** — Shared dependency version conflicts, eager vs. lazy sharing, singleton config. 2. **Team Boundaries** — Ownership clarity, cross-team API contracts, avoiding implicit coupling. 3. **Routing** — URL ownership, route conflict detection, navigation between micro-frontends. 4. **Shared State** — Cross-micro-frontend communication (custom events vs. shared state bus), global state isolation. 5. **Authentication** — Token sharing strategy, session management across micro-frontends. 6. **Styling Isolation** — CSS scope isolation (Shadow DOM, CSS Modules, BEM namespace), style bleed prevention. 7. **Error Isolation** — MFE failure containment, error boundary at MFE boundary, fallback content. 8. **Performance** — Shared chunk deduplication, initial load strategy, lazy MFE loading. 9. **Versioning** — MFE version compatibility, backward-compatible API changes, blue-green MFE deployment. 10. **Testing** — Contract testing between MFEs, integration test strategy, independent deployability verification.

User Message

Review this micro-frontend implementation: {&{MFE_CODE}}

About this prompt

## Micro-Frontend Architecture Reviewer A **micro-frontend architecture expert review** covering Module Federation configuration, team boundary design, shared state isolation, and error containment in distributed frontend systems. ### Use Cases - Find Module Federation shared dependency version conflicts causing runtime errors in production - Audit CSS isolation strategy for style bleed between independently deployed micro-frontends - Review cross-MFE communication pattern for implicit coupling violating team boundary independence

When to use this prompt

check_circleFind Module Federation shared dependency version conflicts causing runtime errors in production deployment.
check_circleAudit CSS isolation strategy for style bleed between independently deployed micro-frontend applications.
check_circleReview cross-MFE communication pattern for implicit coupling that violates team boundary independence.

signal_cellular_altadvanced

Latest Insights

Stay ahead with the latest in prompt engineering.

View blogchevron_right

How to Write System Prompts That Actually Work

Article

person Admin•schedule 5 min read

How to Write System Prompts That Actually Work

System prompts set the rules of the game for every AI interaction. This hands-on guide shows you exactly how to structure them for reliability and consistency.

Claude vs GPT-4o: Which Model Fits Your Use Case?

Article

person Admin•schedule 5 min read

Claude vs GPT-4o: Which Model Fits Your Use Case?

Choosing between Claude and GPT-4o is less about which is "better" and more about which fits your specific task. Here is a practical breakdown.

How Our Design Team Cut Brief-Writing Time by 70% with AI

Article

person Admin•schedule 5 min read

How Our Design Team Cut Brief-Writing Time by 70% with AI

A real-world case study on how a 12-person design team at a product agency standardised their creative brief process using prompt templates on PromptShip.

Why AI Hallucinations Happen (and How to Reduce Them)

Article

person Admin•schedule 5 min read

Why AI Hallucinations Happen (and How to Reduce Them)

Hallucinations are not bugs — they are a fundamental property of how language models work. Understanding why they happen is the first step to minimising them.

The State of AI Coding Assistants in 2026

Article

person Admin•schedule 5 min read

The State of AI Coding Assistants in 2026

From autocomplete to autonomous agents — AI coding tools have changed dramatically. Here is where things stand and what to expect next.

From Idea to Shipped Prompt: A Solo Founder's AI Workflow

Article

person Admin•schedule 5 min read

From Idea to Shipped Prompt: A Solo Founder's AI Workflow

One founder. No team. A dozen AI-powered tools and a tight prompt library. Here is the workflow that runs a bootstrapped SaaS doing $15k MRR.

Recommended Prompts

geminishieldTrusted

bookmark

Scalable Architecture Code Reviewer

Principal architect review of code for horizontal scalability, statelessness, distributed system assumptions, and scale bottlenecks.

Frontend Security Code Reviewer (XSS/CSRF)

Security-focused frontend review covering XSS prevention, CSRF protection, CSP headers, sensitive data handling, and browser security APIs.

React Error Boundary Code Reviewer

Expert review of React error boundaries, error state design, fallback UI quality, error reporting integration, and graceful degradation.

Senior React Component Code Reviewer

Expert React review covering component design, hooks correctness, state management, rendering performance, and accessibility.

Advanced Frontend Development Techniques

Expert-crafted prompt for advanced frontend development techniques — delivers specific, actionable guidance for frontend development practitioners who need results, not theory.

Professional Development in System Architecture

Deep-dive professional development in system architecture prompt engineered for system architecture professionals who need concrete recommendations backed by real-world trade-off analysis.

star 0fork_right 45

bolt

pin_invoke