skill
react-flow-best-practices
Best practices for writing, reviewing, and refactoring React Flow / @xyflow/react v12 canvases. Use when work touches React Flow components, custom nodes, custom edges, handles, node data typing, viewport controls, MiniMap/Background/Panel usage, NodeToolbar, NodeResizer, or workflow-builder review tasks.
Description as published by the maintainer. Source
- slowing
slowing — Most recent push to the repository was 2026-05-26.
Signals
These are separate measurements of different things. They are deliberately not combined into one score, because a popularity number that mixes website traffic with saves and stars cannot be checked or acted on.
| Signal | Value | What it measures | Window | Observed | Source |
|---|---|---|---|---|---|
| GitHub stars | 1 | Stars on the repository that contains this skill, not on the skill itself. A collection of fifty skills shares one number, so it says nothing about this particular skill. | cumulative, all time | GitHub | |
| Last commit | 2026-05-26 | Most recent push to the containing repository. It may reflect work on a different skill in the same collection. | point in time | GitHub | |
| repository status | active | The repository holding this skill exists and is not archived. | as of fetch | GitHub |
Will this work with your setup?
No harness stated by the author and no install path convention detected. Compatibility is untested.
We have not run this skill against a task with and without it enabled, so we cannot tell you whether it improves anything, what it costs in tokens, or whether it duplicates behaviour your harness already has. When we have run that test, the result will appear on this page with the task, the versions and the budget it used.
The skill definition lives at skills/react-flow-best-practices/SKILL.md in https://github.com/JohnWayneeee/ai-agent-skills.
Where to get it
Also from johnwayneeee
-
johnwayneeee-ai-agent-skills-brand-assets-setup
— last commit 2026-05-26
Generate and deploy a complete brand asset pack for a Next.js App Router project. Scans the project, prints what to gen…
-
johnwayneeee-ai-agent-skills-browser-audit
— last commit 2026-05-26
Run a pre-deploy browser audit of a live, preview, or local web page for accessibility, SEO, Lighthouse quality, and cr…
-
johnwayneeee-ai-agent-skills-figma-pencil-fsd-tailwind4
— last commit 2026-05-26
Convert Figma or Pencil designs into production-ready frontend code using Feature-Sliced Design and Tailwind CSS v4. Us…
-
johnwayneeee-ai-agent-skills-payoff-action-modeling
— last commit 2026-05-26
Model product UI actions from user intent questions after a meaningful outcome, completion, created resource, imported…
-
johnwayneeee-ai-agent-skills-pencil-to-code
— last commit 2026-05-26
Convert Pencil `.pen` design files and named Pencil node IDs into production frontend code. Use when asked to implement…
-
johnwayneeee-ai-agent-skills-ui-final-polish
— last commit 2026-05-26
Final visual polish for an existing UI without redesigning it. Use after structure is clear, when asked to improve spac…
-
johnwayneeee-ai-agent-skills-workflow-node-setup
— last commit 2026-05-26
Configure, adjust, debug, and verify React Flow workflow nodes. Use when working on custom node components, especially…
This record as data
Every field on this page, with its source and observation date, is in the catalog JSON. Fetch the whole kind at once instead of parsing this HTML.
GET /api/v1/entries/skill.json