Skip to content

Add Relayflow patterns blog post#1046

Merged
willwashburn merged 3 commits into
mainfrom
feature/relayflow-patterns-blog
Jun 3, 2026
Merged

Add Relayflow patterns blog post#1046
willwashburn merged 3 commits into
mainfrom
feature/relayflow-patterns-blog

Conversation

@willwashburn
Copy link
Copy Markdown
Member

@willwashburn willwashburn commented Jun 3, 2026

User description

Summary

  • add a concise Relayflow patterns blog post inspired by Claude workflow patterns
  • include compact Agent Relay workflow examples across six coordination strategies
  • restore visible blue list markers in blog article unordered and ordered lists

Tests

  • npm run build --workspace web

CodeAnt-AI Description

Publish a new blog post on workflow patterns with Agent Relay

What Changed

  • Adds a new blog article that explains six Relayflow patterns, with short examples for routing, parallel work, verification, filtering, competition, and review loops
  • Includes guidance on when to use each pattern and when not to use a Relayflow
  • Restores visible list markers in blog articles so bullets and numbered lists are easier to read

Impact

✅ Clearer guidance for building multi-agent workflows
✅ Easier-to-scan blog lists
✅ More practical examples for choosing a workflow pattern

💡 Usage Guide

Checking Your Pull Request

Every time you make a pull request, our system automatically looks through it. We check for security issues, mistakes in how you're setting up your infrastructure, and common code problems. We do this to make sure your changes are solid and won't cause any trouble later.

Talking to CodeAnt AI

Got a question or need a hand with something in your pull request? You can easily get in touch with CodeAnt AI right here. Just type the following in a comment on your pull request, and replace "Your question here" with whatever you want to ask:

@codeant-ai ask: Your question here

This lets you have a chat with CodeAnt AI about your pull request, making it easier to understand and improve your code.

Example

@codeant-ai ask: Can you suggest a safer alternative to storing this secret?

Preserve Org Learnings with CodeAnt

You can record team preferences so CodeAnt AI applies them in future reviews. Reply directly to the specific CodeAnt AI suggestion (in the same thread) and replace "Your feedback here" with your input:

@codeant-ai: Your feedback here

This helps CodeAnt AI learn and adapt to your team's coding style and standards.

Example

@codeant-ai: Do not flag unused imports.

Retrigger review

Ask CodeAnt AI to review the PR again, by typing:

@codeant-ai: review

Check Your Repository Health

To analyze the health of your code repository, visit our dashboard at https://app.codeant.ai. This tool helps you identify potential issues and areas for improvement in your codebase, ensuring your repository maintains high standards of code health.

@willwashburn willwashburn requested a review from khaliqgant as a code owner June 3, 2026 22:07
@codeant-ai
Copy link
Copy Markdown

codeant-ai Bot commented Jun 3, 2026

CodeAnt AI is reviewing your PR.

@gemini-code-assist
Copy link
Copy Markdown

Warning

You have reached your daily quota limit. Please wait up to 24 hours and I will start processing your requests again!

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Jun 3, 2026

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 48f463f3-79cf-466c-8aac-53bfb23d99fb

📥 Commits

Reviewing files that changed from the base of the PR and between f32d808 and 243594a.

📒 Files selected for processing (1)
  • web/content/blog/six-workflow-patterns-agent-relay.mdx
🚧 Files skipped from review as they are similar to previous changes (1)
  • web/content/blog/six-workflow-patterns-agent-relay.mdx

📝 Walkthrough

Walkthrough

This PR adds a new MDX blog post describing six Agent Relay workflow patterns with TypeScript examples and updates blog list CSS to use outside markers, increased left padding, and themed/customized list markers.

Changes

Blog Content and Styling Updates

Layer / File(s) Summary
Blog article list styling
web/components/blog/blog.module.css
CSS improvements for article list rendering: ul/ol use list-style-position: outside with increased left padding, explicit disc/decimal types, .article li left padding, and customized markers colored with var(--primary) plus smaller ul marker font and bold ol markers.
Workflow patterns blog post
web/content/blog/six-workflow-patterns-agent-relay.mdx
New MDX blog post with frontmatter (title, description, date, author, category, tags), introduction including local vs cloud run instructions, six workflow pattern sections with copyable TypeScript examples, useful compositions, a “When Not To Use A Relayflow” checklist, and a call-to-action panel linking to Agent Relay/GitHub.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Suggested reviewers

  • khaliqgant

Poem

🐰 A blog post hops into view,
Six patterns ready to try, anew;
Lists now styled with care and cheer,
Markers bright and typography clear,
Hop in, experiment — the relay's near! ✨

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title accurately summarizes the main change—adding a new blog post about Relayflow patterns—and is concise and specific.
Description check ✅ Passed The description covers the main changes, tests performed, and impacts clearly, though it deviates from the template structure with custom formatting.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/relayflow-patterns-blog

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@codeant-ai codeant-ai Bot added the size:L This PR changes 100-499 lines, ignoring generated files label Jun 3, 2026
@codeant-ai
Copy link
Copy Markdown

codeant-ai Bot commented Jun 3, 2026

CodeAnt AI finished reviewing your PR.

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 91655b2861

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +28 to +30
agent-relay local run workflows/my-workflow.ts
agent-relay local logs <run-id> --follow
agent-relay local sync <run-id>
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Replace the nonexistent local workflow commands

For readers who install the current agent-relay CLI, this Basic Shape fails before the cloud example: I checked packages/cli/src/cli/bootstrap.ts, which registers local with only registerCoreCommands and registerLocalAgentCommands, and registerCoreCommands adds up, down, status, and metrics rather than run, logs, or sync. In this context, agent-relay local run ... reports an unknown command, so the post should either show the supported local workflow runner or avoid documenting these local subcommands.

Useful? React with 👍 / 👎.

Relay shape: `handoff` or a live classifier in a channel. If you want deterministic workflow steps, let non-selected specialists return `SKIP`.

```ts
import { workflow } from '@agent-relay/sdk/workflows';
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Use an exported workflow import

This import path is not available in the current SDK package: packages/sdk/package.json exports only ., ./messaging, ./delivery, ./actions, ./session, and ./capabilities, and the current code notes workflow-shaped types live in @relayflows/core. A reader copying the TypeScript examples will hit ERR_PACKAGE_PATH_NOT_EXPORTED / cannot find module before any workflow code runs, so the sample should import from the current Relayflows package or the missing SDK subpath needs to be restored.

Useful? React with 👍 / 👎.

Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@web/content/blog/six-workflow-patterns-agent-relay.mdx`:
- Line 27: Update the npm install example to use the conventional flag order by
replacing the command string "npm -g install agent-relay" with "npm install -g
agent-relay" so the documentation shows the standard syntax; locate the snippet
containing the npm command (the line with npm -g install agent-relay) and update
it accordingly.
- Around line 51-78: The import path is incorrect: replace the unsupported deep
import "import { workflow } from '`@agent-relay/sdk/workflows`'" with the public
export from the package root (import the workflow symbol from
'`@agent-relay/sdk`') so the example uses the package's exported entrypoint;
update the top of the snippet to import workflow from the package root and keep
the subsequent usage of workflow('classify-and-act') and its
.pattern/.agent/.step/.run chain unchanged.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 600f27ef-fb83-407c-a9e5-410c4b4a7265

📥 Commits

Reviewing files that changed from the base of the PR and between c781146 and 91655b2.

📒 Files selected for processing (2)
  • web/components/blog/blog.module.css
  • web/content/blog/six-workflow-patterns-agent-relay.mdx

Run a workflow from a file:

```bash
npm -g install agent-relay
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor | ⚡ Quick win

Use standard npm flag order.

The standard npm syntax is npm install -g <package>, not npm -g install <package>. While both may work, the documentation should show the conventional order.

📦 Proposed fix
-npm -g install agent-relay
+npm install -g agent-relay
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
npm -g install agent-relay
npm install -g agent-relay
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@web/content/blog/six-workflow-patterns-agent-relay.mdx` at line 27, Update
the npm install example to use the conventional flag order by replacing the
command string "npm -g install agent-relay" with "npm install -g agent-relay" so
the documentation shows the standard syntax; locate the snippet containing the
npm command (the line with npm -g install agent-relay) and update it
accordingly.

Comment on lines +51 to +78
```ts
import { workflow } from '@agent-relay/sdk/workflows';
await workflow('classify-and-act')
.pattern('handoff')
.agent('router', { cli: 'claude', role: 'classifier' })
.agent('bugfix', { cli: 'codex', role: 'bugfix specialist' })
.agent('docs', { cli: 'claude', role: 'docs specialist' })
.agent('research', { cli: 'gemini', role: 'research specialist' })
.step('classify', {
agent: 'router',
task: 'Classify {{task}} as bugfix, docs, or research. Output ROUTE:<name> and a short brief.',
})
.step('bugfix', {
agent: 'bugfix',
dependsOn: ['classify'],
task: 'If ROUTE:bugfix is absent, output SKIP. Otherwise execute the brief:\n{{steps.classify.output}}',
})
.step('docs', {
agent: 'docs',
dependsOn: ['classify'],
task: 'If ROUTE:docs is absent, output SKIP. Otherwise execute the brief:\n{{steps.classify.output}}',
})
.step('research', {
agent: 'research',
dependsOn: ['classify'],
task: 'If ROUTE:research is absent, output SKIP. Otherwise execute the brief:\n{{steps.classify.output}}',
})
.run();
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Description: Verify agent-relay SDK package and API

# Search for the SDK package definition
echo "=== Searching for `@agent-relay/sdk` package ==="
fd package.json --exec sh -c 'if jq -e ".name == \"`@agent-relay/sdk`\"" {} > /dev/null 2>&1; then echo "Found in: {}"; cat {}; fi' \;

# Search for workflow-related exports
echo ""
echo "=== Searching for workflow exports ==="
rg -l "export.*workflow" --type=ts --type=js

# Search for pattern method definitions
echo ""
echo "=== Searching for pattern method ==="
ast-grep --pattern 'pattern($$$) {
  $$$
}'

# Search for existing workflow examples
echo ""
echo "=== Searching for existing workflow files ==="
fd -e ts -e js workflow | head -10

Repository: AgentWorkforce/relay

Length of output: 2369


Fix SDK import path in blog example

  • @agent-relay/sdk doesn’t export ./workflows in its package.json exports map (it only includes . , ./messaging, ./delivery, ./actions, ./session, ./capabilities), so import { workflow } from '@agent-relay/sdk/workflows' is not a supported public import for consumers.
  • The workflow implementation appears to live in packages/cloud/src/workflows.ts, so the blog should import from the actual exported entry point that matches that implementation.
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@web/content/blog/six-workflow-patterns-agent-relay.mdx` around lines 51 - 78,
The import path is incorrect: replace the unsupported deep import "import {
workflow } from '`@agent-relay/sdk/workflows`'" with the public export from the
package root (import the workflow symbol from '`@agent-relay/sdk`') so the example
uses the package's exported entrypoint; update the top of the snippet to import
workflow from the package root and keep the subsequent usage of
workflow('classify-and-act') and its .pattern/.agent/.step/.run chain unchanged.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 3, 2026

Preview deployed!

Environment URL
Web https://d1i52ymw9xpzck.cloudfront.net

This preview will be cleaned up when the PR is merged or closed.

Copy link
Copy Markdown

@cubic-dev-ai cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 2 files

Re-trigger cubic

@willwashburn willwashburn force-pushed the feature/relayflow-patterns-blog branch from a185ba3 to 243594a Compare June 3, 2026 22:21
@willwashburn willwashburn merged commit 6df294f into main Jun 3, 2026
30 checks passed
@willwashburn willwashburn deleted the feature/relayflow-patterns-blog branch June 3, 2026 23:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L This PR changes 100-499 lines, ignoring generated files

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant