'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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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 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

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

개념, 업무 흐름, 소프트웨어와 클라우드 구성을 도표로 정리합니다. 브라우저에서 여는 SVG 포함 HTML이나 편집 가능한 Excalidraw 파일로 저장합니다.

• 학습 자료의 개념을 도표로 설명할 때
• 업무 흐름을 순서도로 만들 때
• 소프트웨어와 클라우드 구성도 작성

시스템 구성, 업무 흐름, 처리 간 상호작용을 손그림 느낌의 도표로 만들고 Excalidraw에서 편집할 파일로 저장합니다. 공유 링크도 만들 수 있습니다.

• 시스템 구성을 도표로 설명
• 업무 절차를 순서도로 정리
• 시스템 간 상호작용 정리

영어 설명이나 mermaid 소스로 도표를 만들고 원본 데이터, 편집용 .excalidraw, 공유용 SVG·PNG를 함께 출력합니다. 편집 후 이미지 재출력도 지원합니다.

• 업무 설명을 순서도로 변환
• 시스템 구성 도식화
• 문서나 README에 넣을 도표 준비

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

Convert text into Mermaid diagrams, which describe visual structures using code. Create process flows, comparisons, mind maps, and system interactions for presentations or documentation, with adjustable layouts and checks for common syntax mistakes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Turn sales procedures into a flowchart
• Compare two approaches visually
• Organize concepts in a mind map