Results for “flowchart”

Build interactive "living workflow" flowcharts in the visual style of https://statuesque-starship-49757d.netlify.app/revenue-engine - vanilla HTML/CSS/JS files with a horizontal step bar, a vertical trunk that grows per step, tool-to-tool columns with animated payload pills between brand-marked tool nodes, alternating left/right step descriptions, and per-step outputs. Use whenever the user says "build a flowchart", "interactive flowchart", "living workflow", "revenue engine flowchart", "demand gen flowchart", "GTM workflow diagram", "process diagram with animations", "Nebor-style flowchart", or asks to recreate the workflow visual from the Nebor site. Always asks which flowchart to build (Revenue Engine / Demand Gen / CRM & RevOps / Custom) and waits for explicit approval of the step + tool + edge table before generating any files.

The English summary is being prepared. Showing the original description.

Turn written descriptions of processes, systems, and ideas into editable Excalidraw diagrams. Create flowcharts, mind maps, relationship diagrams, and architecture diagrams, then receive an .excalidraw file to open and refine.

• Visualizing business procedures as flowcharts
• Explaining system components and connections
• Organizing brainstorming ideas into mind maps

Turn written descriptions into editable Excalidraw diagrams, including flowcharts, mind maps, system architecture, and database relationships. Generate a .excalidraw JSON file with connected shapes, labels, and a consistent sketch or clean visual style.

• Turning business procedures into flowcharts
• Organizing ideas into mind maps
• Drawing cloud architecture with service icons

Map a codebase into feature flowcharts, find duplicated logic, and propose a simpler shared architecture. Produce source-linked diagrams, an evidence-based duplication report, and prompts for handing each proposed system to /make-plan.

• Map feature flows before a refactor
• Find duplicated logic within and across features
• Compare a unified architecture with existing call sites

Create and edit .canvas files for visual planning in tools such as Obsidian. Arrange text, files, and links into mind maps or flowcharts, connect related items, and check that the file structure remains valid.

• Organizing ideas into a mind map
• Mapping a workflow as a flowchart
• Grouping research notes and links

Turn notes, prose, code, schemas, or tables into editable diagrams, including flowcharts, architecture diagrams, and schedules. Choose Mermaid, Graphviz DOT, PlantUML, or SVG to suit the content, with image or PDF rendering when needed.

• Turn business procedures into flowcharts
• Diagram system architecture and dependencies
• Visualize database relationships and interactions

Turn system structures, processes, and concepts into dark-themed diagrams. Create architecture diagrams, flowcharts, timelines, and other visual explanations as scalable SVG files, with PNG versions for use as images.

• Explain system components and their connections
• Map process steps and decision branches
• Show interactions in chronological order

Create HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowcharts, process diagrams, workflow visualizations, or decision trees.

The English summary is being prepared. Showing the original description.

Create dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly flow, and architecture diagrams where requests travel as light dots through the system (Diagrid/Temporal landing-page style). Use this skill whenever the user asks for a flowchart, workflow, pipeline, process diagram, state machine, system architecture, infrastructure, cloud, microservices, or network topology diagram — and especially when they mention "animated", "flowing", "dynamic", "alive", "GIF-like", or want a diagram for a landing page, README, docs, or product demo. Also use it to convert Mermaid source (a mermaid code block or .mmd file) into an animated diagram — "animate this mermaid", "make this flowchart move". Prefer this over static diagram output whenever the diagram represents anything that moves: requests, events, data, jobs, messages, or control flow.

The English summary is being prepared. Showing the original description.

Create Excalidraw flowcharts from descriptions. Use when user asks to "create a flowchart", "draw a diagram", "visualize a process", "make a flow diagram", "architecture diagram", or discusses workflow/process visualization. Supports DSL, DOT/Graphviz, and JSON formats.

The English summary is being prepared. Showing the original description.

Turns concepts, processes, and software architecture into diagram files. Choose a standalone HTML file containing SVG for browser viewing, or an editable Excalidraw whiteboard for flowcharts, sequences, and architecture sketches.

• Illustrating concepts for learning materials
• Mapping a process as a flowchart
• Drawing software and cloud architecture

Create hand-drawn architecture diagrams, flowcharts, and sequence diagrams as editable .excalidraw files. Open them in Excalidraw to review or adjust the layout, or optionally upload them to generate a shareable link.

• Illustrate a system's architecture
• Turn a workflow into a flowchart
• Show the order of interactions between systems

Turn an English description or mermaid source into a diagram with source files, an Excalidraw editing file, and SVG and PNG images. Rendering works offline, and flowcharts and sequence diagrams support editing individual shapes and arrows.

• Turning a workflow description into a flowchart
• Visualizing a system architecture
• Preparing diagram images for documents and READMEs

Turn workflows and system flows into a whiteboard-style diagram with colored sticky notes and curved arrows. The skill produces a single HTML file, with branches, merges, and optional hover effects for onboarding or operational explanations.

• Illustrating a user onboarding flow
• Explaining operational procedures
• Presenting system structure

Create and edit diagrams with Mermaid, a text format for describing visual structures. Save projects, undo source changes, export SVG or PNG images, and generate links for viewing or editing in Mermaid Live Editor.

• Create a flowchart to explain a process
• Diagram an interaction as a sequence diagram
• Export a diagram as SVG or PNG

Turn descriptions of scientific components and relationships into PNG diagram drafts with Nano Banana 2. Gemini 3.7 Flash reviews each draft and may request one revision, while saved image versions and review logs support manual checking.

• Drafting neural network architecture diagrams
• Illustrating biological pathways
• Creating study flowcharts

Create and edit draw.io files for workflows, system architecture, database relationships, and service interactions. Organize shapes and connectors, apply consistent styling, and check file structure so diagrams can be opened and edited in draw.io.

• Turn business processes into flowcharts
• Document system components and connections
• Diagram database tables and relationships

Create, update, explain, and compare Excalidraw diagrams through separate subagents. Keeps lengthy diagram data out of the main conversation, returning concise summaries of components, connections, structural differences, and completed changes.

• Explaining components and connections in an existing diagram
• Adding a component and its connections
• Creating an architecture diagram or flowchart

Turn descriptions of processes, systems, or schedules into Mermaid diagrams, which use text to define visuals. Save editable source, a Markdown preview, and a rendered PNG, then check syntax, arrow directions, labels, and readability.

• Visualize a business process as a flowchart
• Document API interactions with a sequence diagram
• Show database tables and their relationships

Turn a supplied process or workflow into a whiteboard-style diagram with colored sticky notes and curved arrows. Produce a single HTML file suited to onboarding videos, operational explanations, or system walkthroughs, with optional hover effects and a decorative collaboration cursor.

• Illustrating a user onboarding process
• Explaining operational steps with branches and merges
• Presenting a system structure as a whiteboard diagram

Review Word contracts for textual inconsistencies, business terms, and legal clauses while preserving the original wording and formatting. Produce clause-specific comments, an objective contract summary, consolidated review opinions, and a business flowchart based on the contract.

• Checking amounts, dates, and clause references
• Reviewing payment and acceptance terms
• Organizing risks in liability and termination clauses

Turn descriptions or code analysis into Mermaid diagrams for workflows, system architecture, and database relationships. Check diagram syntax and export SVG, PNG, or text-based ASCII output, with themes and batch rendering options.

• Visualizing system architecture
• Documenting API request sequences
• Drawing database relationships

Analyze codebases and automatically generate architecture diagrams, flowcharts, and org charts. Uses AST parsing to map import dependencies for Python, JS/TS, Go, and Java, outputting Mermaid or SVG files. Triggered when users ask to visualize code architecture, understand dependencies, draw a flowchart, or create a module diagram from source code.

The English summary is being prepared. Showing the original description.

Discuss a domain with the user, research it from real sources, then generate a trusted skill bundle for it - a step-by-step workflow with a flowchart, a domain adapter, a trap fixture, and a smoke eval. Use when the user says "/fable-domain SECTOR", "make a skill for DOMAIN", "add a domain to the fable method", or "give a lesser model Fable's workflow for DOMAIN". The bundle is the deliverable; a workflow without its flowchart, sources, and trap is not done.

The English summary is being prepared. Showing the original description.