Agent Native

no-use-effect

Enforces a no-useEffect rule for React code by directing developers to use derived state, event handlers, data-fetching libraries, or useMountEffect instead.

by FactoryOfficial publisherNot reviewed

Identity proven by GitHub's verified organisation badge (Factory-AI)

Agents
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode, claude.ai and API
License
No license stated
Pin
7166a07pinned Oct 9, 2026
Context cost
about 1,600 tokenswhen the skill loads
GitHub stars
110on factory-ai/factory-plugins
Scripts
None found

What it does

“Enforce the no-useEffect rule when writing or reviewing React code. ACTIVATE when writing React components, refactoring existing useEffect calls, reviewing PRs with useEffect, or when an agent adds useEffect "just in case." Provides the five replacement patterns and the useMountEffect escape hatch.”
The author's description, from SKILL.md

Generated summary from the skill's own text

Enforces a no-useEffect rule for React code by directing developers to use derived state, event handlers, data-fetching libraries, or useMountEffect instead. The skill provides five replacement patterns and explains when each approach applies, with lint rule configuration to prevent useEffect usage.

When to use it

  • Writing new React components with state management
  • Refactoring existing useEffect calls in components
  • Reviewing pull requests that introduce useEffect calls
  • Preventing unnecessary useEffect when simpler patterns exist

When not to

  • Working on non-React codebases or projects without React
  • Teams preferring traditional useEffect patterns for simplicity

Install

No license stated: install from the publisher's repository, and ask the author before you reuse or share it.

These commands install from the publisher's repository and need no account.

skills CLI

npx skills add factory-ai/factory-plugins --skill no-use-effect

Installs from the repository's default branch, which may have changed since the commit we checked.

GitHub CLI 2.90 or later

gh skill install factory-ai/factory-plugins no-use-effect@7166a0799e3dd39184068160b9caaa1e6469028a

Installs the commit we checked (7166a07).

Copy by hand

Download the folder at 7166a07 and put it in .claude/skills/no-use-effect for Claude Code and in .agents/skills/no-use-effect for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

Skill folder on GitHub at 7166a07

Copy for your agent

A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.

Prompt

Install the agent skill "no-use-effect" by Factory.

Source, pinned to commit 7166a0799e3dd39184068160b9caaa1e6469028a:
https://github.com/factory-ai/factory-plugins/tree/7166a0799e3dd39184068160b9caaa1e6469028a/plugins/typescript/skills/no-use-effect

1. Download that folder at exactly this commit. Do not use the default branch.
2. Copy every file unchanged, keeping the folder structure, into .claude/skills/no-use-effect/ for Claude Code and .agents/skills/no-use-effect/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist.
3. Do not edit the files, and do not run any script in the folder unless I ask you to.
4. When you are done, list the files you copied and where you put them.

Its license is restricted or not stated. Show me the license terms from the repository before you copy anything.

Listing and checks: https://www.agentnative.dev/skills/factory/no-use-effect

SKILL.md at the pin

The license of this skill does not let us show its files here.

View SKILL.md on GitHub at 7166a07

Files

1 file, 6.7 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.

Skill folder on GitHub at 7166a07
All 34 skills from Factory

More from Factory

  • autoresearch

    This skill runs an autonomous optimization loop to improve a measurable metric through systematic experimentation.

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 4K tokens · pinned 6 days ago

  • ban-type-assertions

    This skill enables the TypeScript ESLint rule that bans `as` type assertions in a package, replacing them with compiler-verified alternatives like Zod…

    Claude Code, Codex, Cursor +4 · about 1.6K tokens · pinned 6 days ago

  • browser-navigation

    This skill enables agents to automate browser interactions including navigation, form filling, element clicking, screenshots, and data extraction from web…

    Claude Code, Codex, Cursor +3 · about 2.5K tokens · pinned 6 days ago

  • create-pr

    Creates a pull request with Conventional Commits formatting, templated body, and optional ticket linking.

    Claude Code, Codex, Cursor +4 · about 2.2K tokens · pinned 6 days ago

  • droid-control

    Automate terminals, browsers, and desktop applications by routing to specialized drivers for recording, testing, and generating visual demonstrations.

    Claude Code · about 3.5K tokens · pinned 6 days ago

  • fix-knip-unused-exports

    Fixes knip unused export violations by identifying their type (test-only, dead barrel re-export, or internally-only-used) and applying the appropriate fix…

    Claude Code, Codex, Cursor +4 · about 2.4K tokens · pinned 6 days ago

All Frontend and design skills

Related in Frontend and design

  • react-email

    React Email lets agents build HTML email templates as React components and render them to HTML or plain text.

    by ResendOfficial publisher

    Claude Code, Codex, Cursor +4 · about 3.4K tokens · pinned 6 days ago

  • apollo-client

    This skill guides building React applications with Apollo Client 4.x for managing GraphQL queries, mutations, and state.

    by Apollo GraphQLOfficial publisher

    Claude Code, Codex, Cursor +4 · about 1.7K tokens · pinned 6 days ago

  • stitch::code-to-design

    This skill converts existing frontend code (React, Vue, Angular, etc.) into a Stitch Design by extracting HTML, analyzing design systems, and uploading both…

    by GoogleOfficial publisher

    Claude Code, Codex, Cursor +4 · about 760 tokens · pinned 6 days ago

  • stitch::extract-design-md

    Extracts a comprehensive design system document (DESIGN.md) by analyzing frontend source code including component files, stylesheets, Tailwind configs, and…

    by GoogleOfficial publisher

    Claude Code, Codex, Cursor +4 · about 3.3K tokens · pinned 6 days ago

  • stitch::extract-static-html

    This skill extracts a self-contained static HTML file from a running web application or React components by inlining all CSS and images as base64 data.

    by GoogleOfficial publisher

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 2.6K tokens · pinned 6 days ago

  • frontend-design

    This skill builds production-grade frontend interfaces and web components with distinctive, intentional design aesthetics.

    by SnykOfficial publisher

    Claude Code, Codex, Cursor +4 · about 990 tokens · pinned 6 days ago

Open roles at Factory

5 of 7 open roles on the jobs board

See all 7 roles at Factory on the jobs board

The skills listed here are third-party software, collected from public GitHub repositories as a catalog of recent skills and provided as is. Agent Native does not write or control them and is not responsible for any harm, loss or damage caused by installing or using them. Labels and checks describe what we saw at one commit and are not a guarantee. Read a skill's files before you run it. Terms of use