frontend-architecture设计大型前端应用的可扩展架构，包括项目结构、模块边界、依赖管理、代码分割及技术债预防策略。
Install via ClawdBot CLI:
clawdbot install wangzhiming1999/frontend-architectureGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/wangzhiming1999/oliver-skill/issuesAudited Apr 21, 2026 · audit v1.0
Generated May 2, 2026
创业公司或企业内部从零开始构建前端项目，需要基于团队规模、项目生命周期和性能要求做出技术选型，并设计可扩展的项目结构，确保后续迭代不混乱。
中大型前端项目因快速迭代导致模块耦合、代码混乱，需要系统性地进行重构、模块边界划分和依赖管理，采用绞杀者模式渐进式迁移，同时引入ADR记录重要决策。
多个团队并行开发同一产品时，需要采用Monorepo或微前端架构，通过严格的模块边界和ESLint规则防止跨模块直接依赖，实现代码复用与独立发布。
大型应用面临首屏加载慢、资源冗余等问题，需要按路由、大型依赖和低频功能进行代码分割，配置Vite或Next.js的动态导入，平衡加载性能与缓存效率。
老旧项目技术栈过时（如jQuery、AngularJS），需要评估重写或渐进式重构，采用决策矩阵选择新框架（React/Vue/Svelte）、状态管理方案及样式方案，降低迁移风险。
为中小型技术团队提供前端架构设计和重构咨询服务，输出项目结构、模块划分和ESLint规则，并培训团队使用ADR和渐进式重构方法，按项目或时计费。
开发可配置的前端项目脚手架（CLI），集成最佳实践的项目结构、ESLint规则、代码分割配置和决策矩阵模板，提供云端ADR管理和依赖监控功能，按月订阅。
提供自动化审计服务，扫描前端代码库识别架构债、代码债、测试债等，生成优先级报告和渐进式重构计划，并集成CI/CD实现自动修复建议。
💬 Integration Tip
将架构规则集成到ESLint和CI流程中强制实施；使用ADR模板记录每次架构决策，便于团队追溯和新成员理解。
Scored Apr 21, 2026
Use when designing new system architecture, reviewing existing designs, or making architectural decisions. Invoke for system design, architecture review, design patterns, ADRs, scalability planning.
Support architectural understanding from home projects to professional practice and theory.
When the user wants to audit, redesign, or plan their website's structure, URL hierarchy, navigation design, or internal linking strategy. Use when the user...
团建方案策划。活动规划、破冰游戏、户外拓展、远程团建、预算编制、活动反馈。Team building planner with activities, icebreakers, outdoor events, remote team-building, budgets, feedback. 团建、团队建设、拓展活...
AI房产评估助手 - 智能房价评估、市场分析、房源推荐、购房建议
Google Analytics 4, Search Console, and Indexing API toolkit. Analyze website traffic, page performance, user demographics, real-time visitors, search queries, and SEO metrics. Use when the user asks to: check site traffic, analyze page views, see traffic sources, view user demographics, get real-time visitor data, check search console queries, analyze SEO performance, request URL re-indexing, inspect index status, compare date ranges, check bounce rates, view conversion data, or get e-commerce revenue. Requires a Google Cloud service account with GA4 and Search Console access.