Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →sickn33/react-flow-architect
Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management.
Passed 20 of 23 test cases with the skill, and 11 of 23 without it.
and 13 more in the full report
10 fixed11 passed either way3 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
When executing an undo operation in `useHistoryManager`, what dispatch action type and payload structure are sent to the reducer?
| Checked | Without skill | With skill |
|---|---|---|
| The undo action type is RESTORE_FROM_HISTORY. | Missed | Passed |
| Action payload includes historyIndex property. | Missed | Passed |
The instructions your model reads when the skill loads.
Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management.
Create basic interactive graph:
import ReactFlow, { Node, Edge } from "reactflow";
const nodes: Node[] = [
{ id: "1", position: { x: 0, y: 0 }, data: { label: "Node 1" } },
{ id: "2", position: { x: 100, y: 100 }, data: { label: "Node 2" } },
];
const edges: Edge[] = [{ id: "e1-2", source: "1", target: "2" }];
export default function Graph() {
return <ReactFlow nodes={nodes} edges={edges} />;
}
Build expandable/collapsible tree structures with parent-child relationships.
interface TreeNode extends Node {
data: {
label: string;
level: number;
hasChildren: boolean;
isExpanded: boolean;
childCount: number;
category: "root" | "category" | "process" | "detail";
test cases passed, vs 11 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.