workflow-node-setup
Configure, adjust, debug, and verify React Flow workflow nodes. Use when working on custom node components, especially for node handles, multi-channel connections, edge ids/styles, NodeResizer behavior, drag handles, nodrag/nowheel areas, and markdown scroll containers.
72
88%
Does it follow best practices?
Impact
—
No eval scenarios have been run
Passed
No known issues
Quality
Discovery
100%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
This is a strong skill description that clearly defines its scope around React Flow workflow node configuration and debugging. It provides excellent trigger terms that developers would naturally use, explicitly states when to use the skill, and occupies a distinct niche that minimizes conflict with other skills. The description is concise yet comprehensive.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions ('configure, adjust, debug, and verify') and enumerates specific capabilities: node handles, multi-channel connections, edge ids/styles, NodeResizer behavior, drag handles, nodrag/nowheel areas, and markdown scroll containers. | 3 / 3 |
Completeness | Clearly answers both 'what' (configure, adjust, debug, and verify React Flow workflow nodes) and 'when' (Use when working on custom node components, especially for the listed specific scenarios). The explicit 'Use when' clause with detailed triggers satisfies completeness. | 3 / 3 |
Trigger Term Quality | Includes highly specific natural keywords a developer would use: 'React Flow', 'workflow nodes', 'node handles', 'multi-channel connections', 'edge ids', 'NodeResizer', 'drag handles', 'nodrag', 'nowheel', 'markdown scroll containers'. These are terms developers would naturally mention when encountering issues with React Flow. | 3 / 3 |
Distinctiveness Conflict Risk | Highly distinctive with a clear niche focused specifically on React Flow workflow nodes. The specific technical terms like 'NodeResizer', 'nodrag/nowheel areas', and 'multi-channel connections' make it very unlikely to conflict with other skills. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
77%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is a solid, actionable skill with concrete code examples and a well-structured verification workflow. Its main weaknesses are the inclusion of tangential content (AI SDK streaming prep, promotional Casely mention) that dilutes the core focus, and the lack of progressive disclosure through supporting files for secondary topics. The workflow clarity and actionability are strong, with explicit validation checklists and executable code throughout.
Suggestions
Remove the Casely promotional mention — it adds no instructional value and wastes tokens.
Extract the Vercel AI SDK Streaming Prep section into a separate reference file (e.g., STREAMING.md) since it's preparatory/future-facing and tangential to the core node configuration skill.
Trim minor explanatory phrases like 'React Flow error #008 means the edge references a missing handle' to just 'Error #008 = missing handle id' for better token efficiency.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Generally efficient and assumes React Flow competence, but includes some unnecessary sections like the Vercel AI SDK Streaming Prep which feels tangential to the core skill of configuring workflow nodes. The promotional mention of Casely at the end is pure noise. Some guidance like 'Treat backend text as Markdown, not HTML' explains things Claude would know. | 2 / 3 |
Actionability | Provides concrete, executable TSX/TS code snippets for handles, edges, resizing, and markdown rendering. Specific class names, style objects, and component patterns are copy-paste ready. Error codes (React Flow #008) are referenced with their meaning. | 3 / 3 |
Workflow Clarity | The top-level workflow section provides a clear 5-step sequence with an explicit verification phase. The verification section includes a detailed checklist of browser-based validation checks covering handles, edges, resizing, drag, and scroll — providing good feedback loops for catching errors before finishing. | 3 / 3 |
Progressive Disclosure | Content is well-organized with clear section headers (Handles, Edges, Resizing, Drag, Markdown, Verification), but everything is inline in a single file. The Vercel AI SDK Streaming Prep section and Markdown Output section could be split into separate reference files to keep the main skill focused. No bundle files are referenced or provided. | 2 / 3 |
Total | 10 / 12 Passed |
Validation
100%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
- Repository
- JohnWayneeee/ai-agent-skills
- Commit
64f57c5
- Reviewed
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.