react-flow-advancedAdvanced React Flow patterns for complex use cases. Use when implementing sub-flows, custom connection lines, programmatic layouts, drag-and-drop, undo/redo,...
Install via ClawdBot CLI:
clawdbot install anderskev/react-flow-advancedGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Apr 18, 2026
A platform for designing complex business workflows with nested processes, such as approval chains or multi-stage data pipelines. Sub-flows allow grouping related tasks, while custom connection lines visually indicate status, and undo/redo ensures safe editing during configuration.
A tool for data engineers to model ETL processes with drag-and-drop from a library of nodes. Programmatic layouts automatically arrange nodes for clarity, and custom connection lines highlight data flow paths or errors, improving debugging and collaboration.
An interactive learning app where students create flowcharts for subjects like computer science or biology. Sub-flows enable hierarchical diagrams, undo/redo supports experimentation, and drag-and-drop from external sources makes it easy to add elements like logic gates or organelles.
A system for mapping supply chain networks with nested nodes representing warehouses or distribution centers. Custom connection lines show shipment routes, programmatic layouts optimize visual flow, and state synchronization ensures real-time updates across teams.
An interface for machine learning engineers to design neural network architectures. Sub-flows group layers like convolutional blocks, drag-and-drop allows adding components from a palette, and undo/redo facilitates iterative design without losing progress.
Offer the skill as part of a cloud-based diagramming platform with tiered pricing based on features like advanced layouts or team collaboration. Revenue comes from monthly subscriptions, targeting enterprises needing scalable workflow tools.
License the skill as a premium React Flow extension for developers building custom applications. Revenue is generated through one-time purchases or annual licenses, with support and updates included for commercial use.
Provide consulting services to integrate and customize the skill for specific client needs, such as adding industry-specific nodes or complex state logic. Revenue comes from project-based contracts and ongoing maintenance.
💬 Integration Tip
Integrate with state management libraries like Zustand or Redux for complex synchronization, and use TypeScript to ensure type safety across custom nodes and edges.
Scored Apr 19, 2026
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.