AI Quick Start

If you are using an AI-powered development environment or an LLM-based agent, you can accelerate the setup process by providing the right context and prompts.

Initial Setup Prompt

Start by asking your agent to prepare the environment:

“ fetch the https://docs.yworks.com/react-yfiles-supply-chain/ai/agent-start.md and follow its instructions ” ✓ ! Copied! Could not copy

This will guide the agent to:

Download and install the necessary yFiles for HTML dependency.
Install the Supply Chain React component.
Set up the specialized agent skill for supply chains.

After these steps are completed, the session must be restarted for the changes to take effect.

Building and Customizing the Application

Once the environment is prepared, you can prompt the agent to build a sample application, integrate the component into your existing codebase, or enhance its functionality.

Here are some example prompts you can use to get started:

Create a basic supply chain view:

Create a new React component that uses the Supply Chain component to visualize a sample supply chain.

Load data from a JSON file:

Modify the existing supply chain component to load and visualize the supply chain data from 'data/supply-chain.json'.

Add interactivity to the view:

Add a tooltip to the supply chain component that displays the item name and its capacity when hovering over a node.