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.
Calculate construction costs using resource-based method. Estimate project costs from work items, physical resource norms, and current prices.
Support architectural understanding from home projects to professional practice and theory.
Design property graph schemas for knowledge graph systems using Neo4j-style node labels, relationships, and properties based on domain descriptions or develo...
Real estate tax calculation and planning for Taiwan properties. Covers 房地合一稅 (House and Land Combined Tax), 土地增值稅 (Land Value Increment Tax), 財產交易所得稅 (Proper...
Search OneHome (CoreLogic) portal listings, get property details, photos, schools, saved searches. Use when the user asks about real estate listings shared b...