skills.rest
mizchi
mizchiCOMMUNITY
Explore all skills by this author →
Website𝕏@mizchiGitHub

frontend-review-state

Classify frontend state management patterns and detect anti-patterns without modifying code.

320|3|Updated Apr 24, 2026
Search Tags:#architecture#frontend#zustand#state-management#redux#jotai#logout-cache
One-click install
npx skills add https://github.com/mizchi/skills --skill frontend-review-state
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-review-state
Source: https://github.com/mizchi/skills/tree/main/frontend/review-state
Command: npx skills add https://github.com/mizchi/skills --skill frontend-review-state

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams identify and fix poor state-management patterns in frontend apps, preventing over-globalization and unsafe global state usage.

Core Features & Use Cases

  • Classify server state vs URL state vs form state vs UI local state using established criteria.
  • Detect anti-patterns (global stores, monolithic atoms, large derived state) and verify logout and cache invalidation flows.
  • Review projects against the 23-state-management.md checklist to inform refactors and PRs.

Quick Start

Run a state-review pass on a frontend project to produce a structured assessment of state types, anti-patterns, and logout/cache gaps.

Frequently Asked Questions about frontend-review-state

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit frontend state management for anti-patterns?▼

To audit frontend state management, classify your state into server, URL, form, and UI categories, then detect anti-patterns like monolithic global stores. This Skill evaluates your codebase against established criteria to flag unsafe global state usage.

What are common frontend state management anti-patterns with Zustand or Redux?▼

Common anti-patterns in libraries like Zustand and Redux include over-globalization, monolithic atoms, and large derived state. This Skill detects these issues and verifies safe logout and cache invalidation flows without modifying source code.

How do I classify server state vs UI state in a frontend codebase?▼

Classifying server state vs UI state requires applying established criteria to separate remote data from local component data. This Skill analyzes your frontend project to produce a structured assessment of state types and identify where global state is misused.

How do I verify logout cache invalidation in React state libraries?▼

Verifying logout cache invalidation requires checking that global stores and derived state reset properly when a user session ends. This Skill audits frontend architecture to identify cache invalidation gaps and verify safe logout flows.

Can I review Jotai or Context state architecture without modifying source code?▼

Yes, you can review Jotai or Context state architecture without modifying source code by running a static analysis pass. This Skill evaluates state classification and anti-patterns against a checklist to inform refactors and pull requests.

Related Skills

Explore More Software Engineering Skills→
diendhdiendh

state-management-expert

Recommends React state libraries and patterns based on project needs.

Community
Advanced
sukeun1997sukeun1997

redis-cache-patterns

Configure TTL-based caching and key naming for Spring Boot with Redis.

Community
Advanced
phuonghxphuonghx
1

lint-and-validate

Automate linting, formatting, type checking, and security audits for Node.js/TypeScript and Python codebases.

Community
Advanced
aalmadaaalmada
15

scaffold-frontend-feature

Scaffold Blazor frontend features with reactive state and cache invalidation.

Community
Advanced