Topic · Frontend & Design
Best state management skills for Claude Code, Codex and other agents.
- skills
- 295
- official
- 16
State management skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Rules for writing idiomatic Svelte 5 code: when to reach for runes like state, derived and effect, and how to handle props, attachments and bindings. | rilldata/ | 2.9k | 4 repos | ~1.8k | Automated safety check: Pass | Apache-2.0 | today |
| 2 | Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries… | langgenius/ | 158k | — | ~626 | Automated safety check: Pass | Unknown | today |
| 3 | Scaffolds, extends and verifies local-first JavaScript and TypeScript apps built on TinyBase, from create-tinybase through persistence and sync. | tinyplex/ | 5.2k | — | ~1.6k | Automated safety check: Pass | MIT | 8 days ago |
| 4 | Create self-contained interactive HTML code-review dashboards from GitHub or GitLab pull requests, checked-out branch diffs, or supplied unified diffs, with correctness and safe-to-merge scores… | ai-dynamo/ | 8.2k | — | ~4.5k | Automated safety check: Pass | Apache-2.0 | today |
| 5 | 5.Nuqs nuqs (type-safe URL query state) best practices for Next.js and other React frameworks. | trycompai/ | 11k | 1 repo | ~1.7k | Automated safety check: Pass | MIT | 26 days ago |
| 6 | Expert guidance for hybrid AppKit-SwiftUI development. An agent skill from KartikLabhshetwar/better-shot. | KartikLabhshetwar/ | 2.4k | 2 repos | ~1.1k | Automated safety check: Pass | Unknown | 6 days ago |
| 7 | Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI. | monta-app/ | 179 | 5 repos | ~2k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 8 | Guides building Rust desktop apps with the gpui-kit crate, covering component selection, state ownership, theming and overlays, plus normative GPUI coding rules. | AprilNEA/ | 23k | — | ~5.5k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 9 | Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. | involvex/ | 456 | 12 repos | ~3k | Automated safety check: Pass | MIT | yesterday |
| 10 | Explains how to use the @pierre/theming package to list, resolve, select, switch and persist themes, with controller, color and React references. | pierrecomputer/ | 6.2k | — | ~661 | Automated safety check: Pass | Apache-2.0 | today |
| 11 | Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. | kurealnum/ | 290 | 19 repos | ~3.7k | Automated safety check: Pass | No licence | 5 mo ago |
| 12 | Write, review, or improve SwiftUI code following best practices for state management, view composition, performance, and iOS 26+ Liquid Glass adoption. | ilyas-hallak/ | 168 | 1 repo | ~2.9k | Automated safety check: Pass | MIT | yesterday |
| 13 | Explains how LobeHub client code fetches data through services, SWR store hooks and cache keys, and when to avoid useEffect fetching or duplicated state. | lobehub/ | 83k | — | ~1.7k | Automated safety check: Pass | Unknown | today |
| 14 | Helps choose between Bloc and Cubit in Flutter and sets defaults for packages, lifecycle, widget binding and tests. | andrewyng/ | 14k | — | ~998 | Automated safety check: Pass | MIT | 4 mo ago |
| 15 | Documentation knowledge base for the ofa.js no-build front-end framework, with rules that keep generated code in ofa.js syntax rather than Vue or React habits. | ofajs/ | 754 | — | ~13k | Automated safety check: Pass | MIT | yesterday |
| 16 | URL search param and hash state management. An agent skill from promptfoo/promptfoo. | promptfoo/ | 26k | — | ~1.1k | Automated safety check: Pass | MIT | today |
| 17 | Audit Android Jetpack Compose repositories for performance, animation phase correctness, state management, side effects, composable API quality, and adjacent Android launch UX resource risks such as… | hamen/ | 373 | — | ~6k | Automated safety check: Notes | MIT | 2 mo ago |
| 18 | Write, review, or improve SwiftUI code following best practices for state management, view composition, performance, modern APIs, Swift concurrency, and iOS 26+ Liquid Glass adoption. | AFK-surf/ | 430 | 2 repos | ~3.9k | Automated safety check: Pass | MIT | 3 mo ago |
| 19 | Implement @data-client Managers for global/background side effects - websocket, SSE, polling, real-time updates, subscriptions, logging, analytics, metrics/timing, error reporting (Sentry), toast… | reactive/ | 2k | — | ~2.6k | Automated safety check: Pass | Apache-2.0 | today |
| 20 | A skill your agent uses when the user is hitting Claude usage limits, burning through tokens fast, running a long conversation, or asks how to use Claude Code more efficiently. | Dubibubii/ | 195 | — | ~1.3k | Automated safety check: Pass | No licence | 5 mo ago |
| 21 | Sets the rules for building the Cursor BYOK desktop app's React and Tauri frontend, especially its HTTP boundary and component state architecture. | leookun/ | 3.2k | — | ~1.9k | Automated safety check: Pass | MIT | 9 days ago |
| 22 | Apple HIG guidance for selection and input controls including pickers, toggles, sliders, steppers, segmented controls, combo boxes, text fields, text views, labels, token fields, virtual keyboards… | raintree-technology/ | 142 | 5 repos | ~1.3k | Automated safety check: Pass | MIT | 26 days ago |
| 23 | This skill should be used when the user wants to "write agent code", "build an agent with ADK", "add a tool", "create a callback", "define an agent", "use state management", or needs ADK (Agent… | pifferologo/ | 129 | 1 repo | ~768 | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 24 | Flutter animation using the Cue package. An agent skill from Milad-Akarie/cue. | Milad-Akarie/ | 119 | 1 repo | ~6.6k | Automated safety check: Pass | MIT | 24 days ago |
| 25 | Pattern for implementing optimistic UI updates with effect-atom in this codebase. | UsefulSoftwareCo/ | 4.1k | — | ~2.5k | Automated safety check: Pass | MIT | today |
| 26 | TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. | DeckardGer/ | 222 | 1 repo | ~1.2k | Automated safety check: Pass | MIT | 28 days ago |
| 27 | Reference knowledge base for the no-build ofa.js framework, with syntax rules and a table of mistakes to avoid when writing components, pages and routes. | ofajs/ | 754 | — | ~8.3k | Automated safety check: Pass | MIT | yesterday |
| 28 | 28.Summon A skill your agent uses when developing applications with the Summon Kotlin Multiplatform UI framework. | codeyousef/ | 167 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 29 | How to create cubits, define states, use the EffectMixin pattern, and handle side effects in the Unyo Flutter app. | K3vinb5/ | 662 | — | ~3.2k | Automated safety check: Pass | BSD-3-Clause | 3 mo ago |
| 30 | Chinese-language rules for building, changing and reviewing product front ends, covering interface, interaction, state and data flow and component organization. | oil-oil/ | 132 | — | ~1.4k | Automated safety check: Pass | MIT | 3 days ago |
| 31 | Expert code reviewer for TypeScript + React 19 applications. | SuFxGIT/ | 114 | — | ~1.7k | Automated safety check: Pass | No licence | 6 mo ago |
| 32 | 32.AI Client Conventions for the opentrons-ai-client React/TypeScript frontend — project structure, API integration, state management (Jotai), feature flags, types, and testing. | Opentrons/ | 521 | — | ~1.6k | Automated safety check: Pass | Apache-2.0 | today |
| 33 | 33.Create Store Create or modify ryOS Zustand stores following repo conventions — persist middleware, partialize, versioned migrations, the debounced write-behind storage adapter for large slices, and cloud-sync… | ryokun6/ | 1.3k | — | ~2.1k | Automated safety check: Pass | AGPL-3.0 | today |
| 34 | A skill your agent uses when building cross-platform applications with Flutter 3+ and Dart. | FNOSP/ | 495 | 2 repos | ~758 | Automated safety check: Pass | MIT | today |
| 35 | Perform a complete @tanstack/react-table v8-to-v9 migration: hook and feature architecture, row-model slots, React state and subscriptions, rendering, composable tables, type helpers, and every… | octanejs/ | 1.4k | — | ~4.7k | Automated safety check: Pass | MIT | today |
| 36 | Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects. | feature-sliced/ | 109 | — | ~5.5k | Automated safety check: Pass | No licence | 21 days ago |
| 37 | Conventions for Zustand stores in LobeHub: list and detail state shapes, public, internal and dispatch actions, reducers, optimistic updates and naming rules. | lobehub/ | 83k | — | ~1.6k | Automated safety check: Pass | Unknown | today |
| 38 | Builds robust Python MCP (Model Context Protocol) servers with FastMCP — tool design, error contracts, event-loop-safe blocking work, subprocess/CLI wrapping, single-file vs packaged distribution… | kajisho5/ | 1.9k | — | ~3.2k | Automated safety check: Pass | MIT | 2 days ago |
| 39 | Project switching implementation in sidecar: project discovery, state management, UI flow, modal rendering, filtering, theme preview, and plugin reinitialization. | marcus/ | 1.1k | — | ~1.8k | Automated safety check: Pass | MIT | 2 days ago |
| 40 | Class-based reactive state management for React (Expressive MVC). | gabeklein/ | 103 | — | ~5.9k | Automated safety check: Pass | MIT | today |
| 41 | Step-by-step guide for migrating React applications to Gea — covering project setup, component conversion, state management, routing, styling, and known pitfalls. | dashersw/ | 1.3k | — | ~8.1k | Automated safety check: Pass | MIT | 7 days ago |
| 42 | A skill your agent uses when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack | bear2u/ | 933 | — | ~2.4k | Automated safety check: Pass | No licence | 3 mo ago |
| 43 | 43.Xray UI Dev Development and maintenance of Xray Config UI Editor. An agent skill from bropines/xray-config-ui-editor. | bropines/ | 119 | — | ~942 | Automated safety check: Pass | MIT | 5 days ago |
| 44 | Comprehensive best practices for the Freighter browser extension. | stellar/ | 118 | — | ~706 | Automated safety check: Pass | Apache-2.0 | today |
| 45 | Guides writing correct, performant Compose and Compose Multiplatform UI across Android, desktop, iOS and web, from state and animation to design-to-code and crash fixes. | rcosteira79/ | 150 | — | ~2.6k | Automated safety check: Pass | MIT | 18 days ago |
| 46 | Bulletproof React architecture patterns for scalable, maintainable applications. | yamcodes/ | 145 | — | ~1.8k | Automated safety check: Pass | MIT | 2 days ago |
| 47 | Sets the conventions for the Opik React frontend: TanStack Query for data, Zustand for shared state, one-way layer imports and a fix for Google Translate crashes. | comet-ml/ | 22k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | today |
| 48 | Diagnose whether a Codex Desktop update changed codexhost Composer/CDP bindings, private Renderer DOM or React state, Host bridges, routing, the Codex usage submission gate, or injected UI. | BytePioneer-AI/ | 2.7k | — | ~3.5k | Automated safety check: Pass | LGPL-3.0 | yesterday |
Questions, answered from the data.
What is the best state management skill?
Svelte Core Best Practices from rilldata/rill ranks first of the 295 state management skills listed here, with the highest score: its repository has 2.9k GitHub stars, 4 other GitHub owners carry a copy, its SKILL.md loads about 1.8k tokens and it passes the automated safety check with no findings. Next come Dify Component Writing Guide and Build with TinyBase.
Which state management skills are official?
16 of the 295 state management skills are official, published by the vendor's own GitHub organization: Frontend, Azsdk Common Pipeline Troubleshooting, Azsdk Common Pipeline Analysis, Sdaf State Management, Sentry React SDK and 11 more.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,046
- Design systems858
- UI design489
- React components461
- Landing pages455
- Internationalization415
- Typography404
- Design tokens393
- CSS and styling357
- Theming and dark mode351
- Frontend development337
- Web performance315
- HTML artifacts275
- Responsive design272
- Static sites and blogs270
- UX design266
- Web animation and motion195
- Forms and validation189
- Design to code90
- Icons and illustration63