state-architectureDesigns scalable state management architecture for complex frontend apps. Covers store slicing, server vs client state separation, optimistic updates, cross-...
Install via ClawdBot CLI:
clawdbot install wangzhiming1999/state-architectureGrade Limited — 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 5, 2026
电商平台随着业务增长，全局 store 中混入了大量服务端状态，导致缓存不一致和性能下降。使用该技能将服务端状态迁移至 React Query，按功能域切分 Zustand store，并实现乐观更新提升用户体验。
数据看板应用中，数据加载、筛选、导出等流程状态复杂，if/else 逻辑难以维护。通过引入轻量级状态机模式，明确状态转换规则，减少 bug 并提升代码可读性。
用户在多个浏览器标签页中浏览购物网站，需要购物车状态实时同步。利用 BroadcastChannel API 或 localStorage 事件监听，实现跨标签页状态同步，提升用户体验。
团队启动新前端项目，需要选择合理的状态管理方案。根据状态分类原则，推荐使用 React Query 处理服务端状态，Zustand 管理全局 UI 状态，避免常见反模式。
在复杂表单应用中，用户提交后需立即显示更新，同时后端可能失败。使用 React Query 的 onMutate/onError 模式实现乐观更新，配合 React Hook Form 管理表单状态，提升响应性。
为企业提供状态管理架构设计咨询和团队培训，帮助客户诊断现有状态管理问题并设计最佳方案，按项目或小时收费。
基于技能中的模式开发开源库（如优化后的 Zustand slice 模板或乐观更新工具），通过企业级支持、定制开发和培训获利。
在承接前端应用开发项目时，将状态管理架构设计作为标准交付物的一部分，提升项目质量和可维护性，从而溢价收费。
💬 Integration Tip
建议先对现有项目进行状态分类诊断，逐步迁移而非一次性重构，同时结合团队技术栈（React/Vue）调整具体库的选择。
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.