react-flow-skill: Claude Code skill for building interactive node-based UIs with React Flow (@xyflow/react v12+)

by framara · Claude Skill · ★ 54

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

How to install react-flow-skill

npx skills add framara/react-flow-skill
npx skills add framara/react-flow-skill -g

Taken from the project's README on GitHub. Check the security audit before running it.

Security audit verdict: SAFE · quality 71/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours. Full audit →

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

claude-codeinteractivenode-graphreactreact-flowskill

Quick Facts

Stars54
Forks8
LanguageJavaScript
CategoryClaude Skill
LicenseMIT
Quality Score71/100
Last Updated2026-09-28
Created2026-02-19
Platformsclaude-code, node
Est. Tokens~13k

About react-flow-skill

react-flow-skill A Claude Code skill for building interactive node-based UIs with React Flow ( v12+). What's included The skill provides expert guidance across 14 reference topics: Migration - Upgrading from / to v12 Fundamentals - Installation, setup, first flow, node/edge objects Custom Nodes - Custom node components, Handle, multiple handles, drag handles Custom Edges - Custom edge components,...

Compatible Skills

These tools work well together with react-flow-skill for enhanced workflows:

  • react-trace — semantic(0.45)+complementary+shared_fw(react)+similar_pop (59%)
  • react-mcp — semantic(0.31)+complementary+shared_fw(react)+similar_pop+shared_platform (59%)

react-flow-skill alternative? Top 6 similar tools

Looking for a react-flow-skill alternative? If you're comparing react-flow-skill with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • lazy-bird by yusufkaraaslan · ⭐ 236

    Universal development automation for ANY project. Claude Code implements features, runs tests, creates PRs aut

  • claudex by Mng-dev-ai · ⭐ 224

    Your own Claude Code UI, sandbox, in-browser VS Code, terminal, multi-provider support (Anthropic, OpenAI, Git

  • Claude-Code-Board by cablate · ⭐ 155

    Use Claude Code on Kanban WebUI

  • ClaudeCode-Workflow-Lab by Frisher1 · ⭐ 117

    Complete Guide 2026: Claude Code Manual – Workflow Pipelines & Adversarial Budget Loops

  • codinit-dev by codinit-dev · ⭐ 266

    Local-First Open Source web & mobile AI app builder — install on MacOS, Windows & Linux

  • claude-gemini-mcp-slim by cmdaltctr · ⭐ 233

    Lightweight MCP integration bringing Google's Gemini AI capabilities to Claude Code with 1M+ token context win

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular JavaScript Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse Claude Skill tools