micro-frontend-archMicro-frontend architecture design and implementation guide. Use when: designing micro-frontend architecture, choosing between Module Federation/qiankun/sing...
Install via ClawdBot CLI:
clawdbot install goldath/micro-frontend-archGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://api.example.com/manifestAudited Apr 17, 2026 · audit v1.0
Generated May 13, 2026
A company with multiple legacy jQuery and Vue2 dashboards wants to consolidate into a unified platform. Using qiankun or wujie, they can migrate legacy apps one by one without rewriting, with sandboxing and style isolation to prevent conflicts. This allows incremental adoption of modern frameworks.
A SaaS provider wants to offer a plugin marketplace where third-party developers can add new features as micro-frontends. Module Federation enables dynamic loading and independent deployment of sub-apps, each with its own versioning and CI/CD, while maintaining a seamless user experience.
A large e-commerce company has separate teams for product search, cart, and checkout. Using single-spa, each team can independently develop and deploy their micro-frontend using different frameworks (React, Vue, Angular) and communicate via custom events or shared stores.
A marketing department needs to quickly launch and iterate on landing pages without affecting the main product. Each campaign can be a standalone sub-app deployed independently, using Module Federation to share common UI components and analytics libraries from a remote container.
An online banking platform aims to split a monolithic React SPA into smaller, independent features like accounts, transfers, and support. Starting with Module Federation, they can extract a single feature as a sub-app and gradually migrate others, with consistent styling via CSS Modules and shared design tokens.
Offer a platform where third-party developers can build and sell micro-frontend plugins that extend the core application. Revenue comes from commission on sales or subscription fees for premium plugins.
Provide an internal platform that enables different teams within a large organization to independently develop, deploy, and manage their micro-frontends. Charge departments based on usage (compute, storage, bandwidth) or a flat fee per team.
Offer consulting services to help companies design and implement micro-frontend architectures, including framework selection, migration plans, and training. Additionally, provide ongoing support and custom development for specific sub-apps.
💬 Integration Tip
Start small by extracting one low-risk feature as a micro-frontend before scaling. Leverage existing references (e.g., module-federation.md) to avoid common pitfalls.
Scored May 13, 2026
API reference for CoinMarketCap DEX endpoints including token lookup, pools, transactions, trending, and security analysis. Use this skill whenever the user...
Use when designing REST or GraphQL APIs, creating OpenAPI specifications, or planning API architecture. Invoke for resource modeling, versioning strategies, pagination patterns, error handling standards.
ServiceNow IT Service Management integration with API key authentication. Manage incidents, problems, change requests, tasks, CMDB records, service catalog i...
This skill should be used when writing documentation for codebases, including README files, architecture documentation, code comments, and API documentation. Use this skill when users request help documenting their code, creating getting-started guides, explaining project structure, or making codebases more accessible to new developers. The skill provides templates, best practices, and structured approaches for creating clear, beginner-friendly documentation.
API Design Reviewer
Cut AI token costs by 60-85% with deterministic query validation and intelligent caching. Standalone or integrates with Company Brain Core OS. Free, open-sou...