Implémenter la gestion de l’état frontend
Les utilisateurs ont souvent du mal à choisir entre l’état local, les stores globaux et la mise en cache des données serveur. Cette compétence fournit des patterns React pour Context, Zustand, Redux Toolkit et TanStack Query.
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "state-management" from https://skillstore.io/skills/supercent-io-state-management.md and its manifest at https://skillstore.io/api/skills/supercent-io-state-management/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「state-management」を使用しています。 Une liste de produits nécessite un panier partagé entre les pages.
期待される結果:
「state-management」を使用しています。 Un menu de paramètres transmet le thème à travers de nombreux composants.
期待される結果:
「state-management」を使用しています。 Une page de profil utilisateur récupère et met à jour des données d’API.
期待される結果:
All 53 static findings were adjudicated as false positives after reviewing the skill context. The apparent shell, path traversal, network, and reconnaissance patterns occur in React examples, package installation notes, relative imports, or reference links, with no prompt injection or exfiltration intent found.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/supercent-io-state-management/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/supercent-io-state-management?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/supercent-io-state-management?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/supercent-io-state-management/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/supercent-io-state-management.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>supercent-io. (2026). state-management security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/supercent-io-state-management/audits/4@techreport{supercent-io-supercent-io-state-management-2026,
author = {supercent-io},
title = {state-management security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/supercent-io-state-management/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "state-management security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "supercent-io"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/supercent-io-state-management/audits/4"
identifiers:
- type: other
value: "skillstore:supercent-io-state-management:audit:4"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
supercent-io-state-management
2026-09-09
barnhardt-enterprises-inc-state-management
2026-09-09
Comparer l’état local, Context, Zustand, Redux Toolkit et TanStack Query pour une fonctionnalité.
Déplacer des données transmises en profondeur vers un état global délimité, avec des limites de provider claires.
Créer des règles cohérentes pour les stores, les actions, les selectors et la mise en cache des données serveur.
Examine ce flux de composants et indique-moi quel état doit rester local et lequel doit devenir partagé : [describe flow].
Conçois un pattern React Context pour [domain state]. Inclue les limites de provider, les noms de hooks et les actions de mise à jour.
Planifie un store Zustand pour [feature]. Inclue la forme de l’état, les actions, les besoins de persistance et les abonnements sélectifs.
Évalue cette architecture d’état d’application : [summary]. Recommande Redux Toolkit, Zustand, Context ou TanStack Query avec les étapes de migration.
作成者
supercent-ioライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
36e07d5e13068e5be64447e8f20b427cf2cbd21a
メンテナンスの新しさ
2026/7/18
利用状況
5 ダウンロード · 149 閲覧
ファイル構成
📄 SKILL.md
Améliorer la précision des modèles légers
Les modèles légers peuvent manquer de contexte lorsque les questions arrivent après des informations importantes. Cette skill répète les prompts appropriés avec des garde-fous afin d’améliorer la précision sur certaines tâches.
Concevoir de meilleures API REST et GraphQL
Les équipes API ont besoin de contrats cohérents avant le début de l’implémentation. Cette compétence guide la conception des ressources, les formats de requêtes, les erreurs, le versionnement et la documentation.
Refactoriser le code en toute sécurité
Un code complexe ralentit les changements et augmente le risque de régression. Cette compétence guide les refactorisations qui préservent le comportement grâce à des tests, des modèles d’extraction et des étapes de validation.
Rédiger des guides utilisateur clairs
Les équipes ont besoin d’une documentation utilisateur qui explique les tâches sans perdre les lecteurs. Cette compétence structure des guides, des tutoriels, des documents d’intégration et des FAQ en langage clair.
Déboguer les problèmes de code de manière systématique
Les bugs font perdre du temps d'ingénierie lorsque les symptômes masquent la cause réelle. Cette compétence guide la reproduction structurée, l'isolation, l'analyse des causes racines, les correctifs et la prévention des régressions.
Planifier des tâches Agile et des user stories
Les équipes reçoivent souvent des demandes de fonctionnalités générales sans tâches, priorités ni critères d'acceptation clairs. Cette compétence transforme les idées de fonctionnalités en user stories, éléments de backlog de sprint, dépendances et contrôles de Definition of Done.
Créer des stores Zustand typés
作成者 sickn33
Les équipes React ont besoin d’un état global prévisible sans structure de store floue. Cette compétence guide Claude, Codex et Claude Code pour créer des stores Zustand typés avec des sélecteurs et des middlewares.
Créer des palettes de commandes React
作成者 AgentWorkforce
Les palettes de commandes échouent souvent à cause de bugs de focus, d’écouteurs obsolètes et de références de commandes instables. Cette compétence fournit des modèles React pratiques pour des palettes fiables pilotées au clavier.
Créer des applications fullstack avec un accompagnement senior
作成者 alirezarezvani
Les projets fullstack nécessitent souvent une configuration cohérente, des choix d’architecture et des contrôles qualité. Cette compétence fournit des scripts et des références pour le travail avec React, Next.js, Node.js, GraphQL et PostgreSQL.
Implémenter les transitions de vue React
作成者 vercel-labs
Les transitions de vue React sont faciles à mal placer, ce qui entraîne des animations silencieuses ou gênantes. Cette skill guide les choix d’animations de routes, de Suspense, de listes et d’éléments partagés.
Créer des composants React à typage sûr
作成者 softaworks
Le travail avec React TypeScript nécessite souvent des types précis pour les événements, les hooks et les routes. Cette compétence fournit des modèles ciblés pour les composants typés, les API React 19 et le routage.
Créer des fonctionnalités frontend prêtes pour la production
作成者 davila7
Les équipes frontend ont besoin de recommandations cohérentes sur React et Next.js dans l'ensemble de leurs projets. Cette compétence fournit des workflows de référence, des pratiques de qualité et des scripts utilitaires pour l'analyse frontend.