Agent skill

You Might Not Need State

by simstudioai in simstudioai/sim

Analyze and fix unnecessary useState, derived state, and server-state-in-local-state anti-patterns

Apache-2.0Auto-check passedFrontend & Design

Install You Might Not Need State

skills CLI
$ npx skills add simstudioai/sim --skill you-might-not-need-state -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install simstudioai/sim you-might-not-need-state --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/simstudioai/sim.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/you-might-not-need-state .claude/skills/you-might-not-need-state && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
you-might-not-need-state
GitHub stars
30k
Token cost
~672 tokens
SKILL.md length
342 words
Files
1
Skills in repo
40
Repo updated
First seen
Licence
Apache-2.0

At a glance

Analyze and fix unnecessary useState, derived state, and server-state-in-local-state anti-patterns

  • Works in 3 steps: https://react.dev/learn/choosing-the-stat… → https://tkdodo.eu/blog/dont-over-use-stat… → https://tkdodo.eu/blog/putting-props-to-u…
  • Frontend & Design work in your project
  • SKILL.md covers Context, References, Anti-patterns to detect and Steps
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

You Might Not Need State is an agent skill from simstudioai/sim. Analyze and fix unnecessary useState, derived state, and server-state-in-local-state anti-patterns

Its SKILL.md is about 670 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design. It works with TanStack and Zustand. The repository describes itself as: Sim is the collaborative workspace to build, deploy, and monitor AI agents and workflows. Used by 100,000+ builders. The licence is Apache-2.0.

When your agent uses it

  • Frontend & Design work in your project

Example prompts

  • “/you-might-not-need-state”

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. https://react.dev/learn/choosing-the-state-structure — 5 principles for structuring state
  2. https://tkdodo.eu/blog/dont-over-use-state — never store derived/computed values in state
  3. https://tkdodo.eu/blog/putting-props-to-use-state — never mirror props into state via useEffect

What it can do on your machine

Read from SKILL.md and the folder at commit 546d4e7. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • tkdodo.eu
    • react.dev

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

You Might Not Need State loads about 672 tokens when it runs. Until then it costs about 31 tokens; SKILL.md has 342 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~31
When it runs · the whole SKILL.md, loaded when a task matches
~672

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from simstudioai/sim at commit 546d4e7, republished under its Apache-2.0 licence (© simstudioai). 342 words, ~672 tokens.

Download SKILL.mdSave it as .claude/skills/you-might-not-need-state/SKILL.md (or your agent's skills folder).
name
you-might-not-need-state
description
Analyze and fix unnecessary useState, derived state, and server-state-in-local-state anti-patterns
argument-hint
[scope] [fix=true|false]

You Might Not Need State

Arguments:

  • scope: what to analyze (default: your current changes). Examples: "diff to main", "PR #123", "src/components/", "whole codebase"
  • fix: whether to apply fixes (default: true). Set to false to only propose changes.

User arguments: $ARGUMENTS

Context

React Query owns server data, nuqs (URL) owns shareable view-state (tabs, filters, search, sort, pagination, selected id), Zustand owns global client state, and useState owns only ephemeral UI (open/closed, hover, local form input). Server data should never be copied into useState or Zustand — React Query is the single source of truth.

References

Read these before analyzing:

  1. https://react.dev/learn/choosing-the-state-structure — 5 principles for structuring state
  2. https://tkdodo.eu/blog/dont-over-use-state — never store derived/computed values in state
  3. https://tkdodo.eu/blog/putting-props-to-use-state — never mirror props into state via useEffect

Anti-patterns to detect

  1. Derived state stored in useState: If a value can be computed from props, other state, or query data, compute it inline during render instead of storing it in state.
  2. Server state copied into useState: Never useState + useEffect to sync React Query data into local state. Use query data directly. The only exception is forms where users edit server data.
  3. Props mirrored into state: Never useState(prop) + useEffect(() => setState(prop)). Use the prop directly, reset with a remount key, or — for seed-on-transition (e.g. a modal opening) — adjust during render with the useState prev-tracker in .claude/rules/sim-hooks.md "State shape" (mind its sentinel-on-mount and no-useRef rules).
  4. Chained useEffect state updates: Never chain Effects that set state to trigger other Effects. Calculate all derived values in the event handler or inline during render.
  5. Storing objects when an ID suffices: Store selectedId not a copy of the selected object. Derive the object: items.find(i => i.id === selectedId).
  6. State that duplicates Zustand or React Query: If the data already lives in a store or query cache, don't create a parallel useState.
  7. Shareable view-state in useState: hand off to /you-might-not-need-url-state.

Steps

  1. Read the references above to understand the guidelines
  2. Analyze the specified scope for the anti-patterns listed above
  3. If fix=true, apply the fixes. If fix=false, propose the fixes without applying.

© simstudioai, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .agents/skills/you-might-not-need-state of simstudioai/sim.

Open the folder on GitHubat commit 546d4e7

Compare with similar skills

You Might Not Need State next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

You Might Not Need State compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
You Might Not Need State this skillsimstudioai/sim30k—~672Automated safety check: PassApache-2.0
React State Managementinvolvex/youtube-music-cli45613 repos~3kAutomated safety check: PassMIT
I18nhuoshen80/ReinaManager693—~177Automated safety check: PassAGPL-3.0
Nextjs15 Initbear2u/my-skills933—~2.4kAutomated safety check: PassNone
Opik Frontend Patternscomet-ml/opik22k—~1.1kAutomated safety check: PassApache-2.0
Frontend Testhuoshen80/ReinaManager693—~180Automated safety check: PassAGPL-3.0

Similar skills

  • React State Management

    involvex/youtube-music-cli

    Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query.

    456 GitHub starsUsed in 13 repos~3k tokens
    Frontend & DesignAuto-check passed
  • I18n

    huoshen80/ReinaManager

    使用 i18next-cli 检查、同步和整理本项目的国际化资源。涉及新增、修改、删除翻译键或国际化字符串,以及修复缺失翻译时使用。

    693 GitHub stars~177 tokensUpdated 4 days ago
    Frontend & DesignAuto-check passed
  • Nextjs15 Init

    bear2u/my-skills

    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

    933 GitHub stars~2.4k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed
  • 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.

    22k GitHub stars~1.1k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Frontend Test

    huoshen80/ReinaManager

    在 ReinaManager 项目内进行隔离前端验证,复用测试目录并回收测试资源。需要模拟批量数据、延迟、失败或交互回归时使用。

    693 GitHub stars~180 tokensUpdated 4 days ago
    Frontend & DesignAuto-check passed
  • State Management

    emanueleielo/deepagents-open-lovable

    State management patterns - Zustand, Jotai, Context. An agent skill from emanueleielo/deepagents-open-lovable.

    111 GitHub stars~1.7k tokensUpdated 3 days ago
    Frontend & DesignAuto-check passed

More from simstudioai/sim

All 40 skills in this repo
  • Sim Helm

    simstudioai/sim

    Install, upgrade, and operate the Sim Helm chart on Kubernetes.

    30k GitHub stars~2.2k tokensUpdated today
    Auto-check passed
  • Add Column Type

    simstudioai/sim

    Add a new table column type to Sim — registry entry, icon, storage shape, coercion, and the behavioral hooks the grid and API read.

    30k GitHub stars~2.9k tokensUpdated today
    Auto-check passed
  • Add Enrichment

    simstudioai/sim

    Add a code-defined table enrichment (registry entry) under apps/sim/enrichments/ backed by an ordered provider cascade, ensuring every provider tool it calls has hosted-key support.

    30k GitHub stars~2.2k tokensUpdated today
    Auto-check passed
  • Add Hosted Key

    simstudioai/sim

    Add hosted API key support to a tool so Sim provides the key (metered and billed to the workspace) when a user has not brought their own.

    30k GitHub stars~3.4k tokensUpdated today
    Auto-check passed
  • Add Managed CLI

    simstudioai/sim

    Add or upgrade a curated, immutable managed CLI for Sim Function sandboxes, including client-safe catalog metadata, a pinned server-only installation recipe, checksum and executable verification…

    30k GitHub stars~2.4k tokensUpdated today
    Auto-check passed
  • Add Selector

    simstudioai/sim

    Add or update a Sim dynamic selector using the shared manifest, server attachment, and selectors.execute path.

    30k GitHub stars~1.7k tokensUpdated today
    Auto-check passed

Works with

Questions about You Might Not Need State

What does You Might Not Need State do?

Analyze and fix unnecessary useState, derived state, and server-state-in-local-state anti-patterns. You Might Not Need State is an agent skill from simstudioai/sim.

When should I use You Might Not Need State?

You Might Not Need State fits situations like: frontend & Design work in your project.

How do I install You Might Not Need State in Claude Code?

Run `npx skills add simstudioai/sim --skill you-might-not-need-state -a claude-code`. Or copy the skill folder (.agents/skills/you-might-not-need-state in simstudioai/sim) into .claude/skills/you-might-not-need-state in your project. Claude Code loads it when a task matches its description.

How do I install You Might Not Need State in Codex?

Run `npx skills add simstudioai/sim --skill you-might-not-need-state -a codex`. Or copy the skill folder (.agents/skills/you-might-not-need-state in simstudioai/sim) into .agents/skills/you-might-not-need-state in your project. Codex loads it when a task matches its description.

Can I use You Might Not Need State in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add simstudioai/sim --skill you-might-not-need-state -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/you-might-not-need-state, .gemini/skills/you-might-not-need-state, .github/skills/you-might-not-need-state and .opencode/skills/you-might-not-need-state in your project.

What does You Might Not Need State need to run?

SKILL.md names no scripts, command-line tools or credentials: You Might Not Need State is instructions for the agent only.

Does You Might Not Need State access the network?

SKILL.md names 2 domains. As links in the text: tkdodo.eu and react.dev. This is read from the text; nothing was executed.

Is You Might Not Need State safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does You Might Not Need State use?

You Might Not Need State is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does You Might Not Need State use?

About 672 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to You Might Not Need State?

Skills that share tags, products or a category with You Might Not Need State: React State Management (involvex/youtube-music-cli, 456 stars), I18n (huoshen80/ReinaManager, 693 stars), Nextjs15 Init (bear2u/my-skills, 933 stars) and Opik Frontend Patterns (comet-ml/opik, 22k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains You Might Not Need State?

simstudioai (a GitHub organization) maintains it in simstudioai/sim, which has 29,792 GitHub stars. The repository holds 40 skills in this directory. The repository was last updated on October 8, 2026.

Source: simstudioai/sim on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.