fix assets location the docs
This commit is contained in:
parent
eee5ee808b
commit
a1c28a21a9
|
|
@ -10,7 +10,7 @@ nav_order: 1
|
||||||
A **Node** is the smallest building block. Each Node has 3 steps `prep->exec->post`:
|
A **Node** is the smallest building block. Each Node has 3 steps `prep->exec->post`:
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://github.com/the-pocket/PocketFlow/raw/main/assets/node.png?raw=true" width="400"/>
|
<img src="https://github.com/the-pocket/.github/raw/main/assets/node.png?raw=true" width="400"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
1. `prep(shared)`
|
1. `prep(shared)`
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@ nav_order: 1
|
||||||
Agent is a powerful design pattern in which nodes can take dynamic actions based on the context.
|
Agent is a powerful design pattern in which nodes can take dynamic actions based on the context.
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://github.com/the-pocket/PocketFlow/raw/main/assets/agent.png?raw=true" width="350"/>
|
<img src="https://github.com/the-pocket/.github/raw/main/assets/agent.png?raw=true" width="350"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
## Implement Agent with Graph
|
## Implement Agent with Graph
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@ MapReduce is a design pattern suitable when you have either:
|
||||||
and there is a logical way to break the task into smaller, ideally independent parts.
|
and there is a logical way to break the task into smaller, ideally independent parts.
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://github.com/the-pocket/PocketFlow/raw/main/assets/mapreduce.png?raw=true" width="400"/>
|
<img src="https://github.com/the-pocket/.github/raw/main/assets/mapreduce.png?raw=true" width="400"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
You first break down the task using [BatchNode](../core_abstraction/batch.md) in the map phase, followed by aggregation in the reduce phase.
|
You first break down the task using [BatchNode](../core_abstraction/batch.md) in the map phase, followed by aggregation in the reduce phase.
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@ nav_order: 3
|
||||||
For certain LLM tasks like answering questions, providing relevant context is essential. One common architecture is a **two-stage** RAG pipeline:
|
For certain LLM tasks like answering questions, providing relevant context is essential. One common architecture is a **two-stage** RAG pipeline:
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://github.com/the-pocket/PocketFlow/raw/main/assets/rag.png?raw=true" width="400"/>
|
<img src="https://github.com/the-pocket/.github/raw/main/assets/rag.png?raw=true" width="400"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
1. **Offline stage**: Preprocess and index documents ("building the index").
|
1. **Offline stage**: Preprocess and index documents ("building the index").
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@ nav_order: 2
|
||||||
Many real-world tasks are too complex for one LLM call. The solution is to **Task Decomposition**: decompose them into a [chain](../core_abstraction/flow.md) of multiple Nodes.
|
Many real-world tasks are too complex for one LLM call. The solution is to **Task Decomposition**: decompose them into a [chain](../core_abstraction/flow.md) of multiple Nodes.
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://github.com/the-pocket/PocketFlow/raw/main/assets/workflow.png?raw=true" width="400"/>
|
<img src="https://github.com/the-pocket/.github/raw/main/assets/workflow.png?raw=true" width="400"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
> - You don't want to make each task **too coarse**, because it may be *too complex for one LLM call*.
|
> - You don't want to make each task **too coarse**, because it may be *too complex for one LLM call*.
|
||||||
|
|
|
||||||
|
|
@ -56,7 +56,7 @@ Agentic Coding should be a collaboration between Human System Design and Agent I
|
||||||
|
|
||||||
3. **Utilities**: Based on the Flow Design, identify and implement necessary utility functions.
|
3. **Utilities**: Based on the Flow Design, identify and implement necessary utility functions.
|
||||||
- Think of your AI system as the brain. It needs a body—these *external utility functions*—to interact with the real world:
|
- Think of your AI system as the brain. It needs a body—these *external utility functions*—to interact with the real world:
|
||||||
<div align="center"><img src="https://github.com/the-pocket/PocketFlow/raw/main/assets/utility.png?raw=true" width="400"/></div>
|
<div align="center"><img src="https://github.com/the-pocket/.github/raw/main/assets/utility.png?raw=true" width="400"/></div>
|
||||||
|
|
||||||
- Reading inputs (e.g., retrieving Slack messages, reading emails)
|
- Reading inputs (e.g., retrieving Slack messages, reading emails)
|
||||||
- Writing outputs (e.g., generating reports, sending emails)
|
- Writing outputs (e.g., generating reports, sending emails)
|
||||||
|
|
@ -127,7 +127,7 @@ Agentic Coding should be a collaboration between Human System Design and Agent I
|
||||||
|
|
||||||
- > **You'll likely iterate a lot!** Expect to repeat Steps 3–6 hundreds of times.
|
- > **You'll likely iterate a lot!** Expect to repeat Steps 3–6 hundreds of times.
|
||||||
>
|
>
|
||||||
> <div align="center"><img src="https://github.com/the-pocket/PocketFlow/raw/main/assets/success.png?raw=true" width="400"/></div>
|
> <div align="center"><img src="https://github.com/the-pocket/.github/raw/main/assets/success.png?raw=true" width="400"/></div>
|
||||||
{: .best-practice }
|
{: .best-practice }
|
||||||
|
|
||||||
8. **Reliability**
|
8. **Reliability**
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@ A [100-line](https://github.com/the-pocket/PocketFlow/blob/main/pocketflow/__ini
|
||||||
- **Agentic-Coding**: Intuitive enough for AI agents to help humans build complex LLM applications.
|
- **Agentic-Coding**: Intuitive enough for AI agents to help humans build complex LLM applications.
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://github.com/the-pocket/PocketFlow/raw/main/assets/meme.jpg?raw=true" width="400"/>
|
<img src="https://github.com/the-pocket/.github/raw/main/assets/meme.jpg?raw=true" width="400"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -29,7 +29,7 @@ We model the LLM workflow as a **Graph + Shared Store**:
|
||||||
- [(Advanced) Parallel](./core_abstraction/parallel.md) nodes/flows handle I/O-bound tasks.
|
- [(Advanced) Parallel](./core_abstraction/parallel.md) nodes/flows handle I/O-bound tasks.
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://github.com/the-pocket/PocketFlow/raw/main/assets/abstraction.png" width="500"/>
|
<img src="https://github.com/the-pocket/.github/raw/main/assets/abstraction.png" width="500"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
## Design Pattern
|
## Design Pattern
|
||||||
|
|
@ -44,7 +44,7 @@ From there, it’s easy to implement popular design patterns:
|
||||||
- [(Advanced) Multi-Agents](./design_pattern/multi_agent.md) coordinate multiple agents.
|
- [(Advanced) Multi-Agents](./design_pattern/multi_agent.md) coordinate multiple agents.
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://github.com/the-pocket/PocketFlow/raw/main/assets/design.png" width="500"/>
|
<img src="https://github.com/the-pocket/.github/raw/main/assets/design.png" width="500"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
## Utility Function
|
## Utility Function
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue