Skip to content

[docs] MCP-UI Blog Post #4578

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
EbonyLouis merged 6 commits into from
Sep 11, 2025
Merged

[docs] MCP-UI Blog Post #4578

EbonyLouis merged 6 commits into from
Sep 11, 2025

Conversation

@EbonyLouis
Copy link
Contributor

@EbonyLouis EbonyLouis commented Sep 9, 2025 •
edited
Loading

📚 New Blog Post: How to Make An MCP Server MCP-UI Compatible

This PR adds a new blog post walking through how I updated the Cloudinary MCP server (and briefly the Filesystem server) to be MCP-UI compatible.

✨ Highlights

  • Shows how MCP-UI transforms plain text output into interactive UI cards inside Goose.
  • Step-by-step guide:
    1. Install the SDK
    2. Import createUIResource
    3. Build your HTML (Direct HTML → iframe, with ResizeObserver) + UI Actions
    4. Return both text + UI resource
  • Full before/after comparisons for Cloudinary and Filesystem servers.
  • Includes code snippets, screenshots, and a demo video (cloudinary2.mp4).

📸 Media

  • Before vs After images for Cloudinary & Filesystem
  • Demo video showing Goose rendering UI responses

✅ Why it matters

This post helps developers understand:

  • The minimal diff required to add MCP-UI support
  • How to use different rendering modes (rawHtml, externalUrl, remoteDom)
  • Why experimenting now puts us ahead of the curve

@EbonyLouis EbonyLouis requested a review from a team as a code owner September 9, 2025 18:29
@github-actions
Copy link
Contributor

github-actions bot commented Sep 9, 2025 •
edited
Loading

PR Preview Action v1.6.0
Preview removed because the pull request was closed.
2025-09-11 19:06 UTC

@EbonyLouis EbonyLouis marked this pull request as draft September 9, 2025 18:46
@EbonyLouis EbonyLouis requested a review from aharvard September 9, 2025 19:09
@EbonyLouis EbonyLouis marked this pull request as ready for review September 9, 2025 19:30
angiejones
angiejones previously requested changes Sep 9, 2025
View reviewed changes
aharvard
aharvard approved these changes Sep 9, 2025
View reviewed changes
Copy link
Collaborator

@aharvard aharvard left a comment

Choose a reason for hiding this comment

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

I reviewed the content for strategic and tactical accuracy around MCP-UI, and everything looks great.

I like how approachable this content is, nice work!

@EbonyLouis EbonyLouis marked this pull request as draft September 10, 2025 16:28
@EbonyLouis EbonyLouis marked this pull request as ready for review September 11, 2025 18:16
@EbonyLouis EbonyLouis dismissed angiejones’s stale review September 11, 2025 19:01

addressed comments

@EbonyLouis EbonyLouis merged commit cfce5f7 into main Sep 11, 2025
12 checks passed
@EbonyLouis EbonyLouis deleted the mcp-ui-tutorial branch September 11, 2025 19:04
jalateras pushed a commit to jalateras/goose that referenced this pull request Sep 12, 2025
@EbonyLouis @jalateras
[docs] MCP-UI Blog Post (block#4578)
af2d6a4 
Signed-off-by: jalateras <[email protected]>
zanesq added a commit that referenced this pull request Sep 12, 2025
@zanesq
Merge branch 'main' of github.com:block/goose into zane/always-show-r…
ce82720 
…ecipe-activities

* 'main' of github.com:block/goose:
  Add parameter replacement to activities in ui (#4617)
  UI recipes filter invalid, duplicate and unused params (#4615)
  Fix gpt-5 input context limit (#4619)
  [docs] MCP-UI Blog Post (#4578)
  release/1.8.0 (#4577)

# Conflicts:
#	ui/desktop/src/components/BaseChat.tsx
michaelneale added a commit that referenced this pull request Sep 15, 2025
@michaelneale
Merge branch 'main' into micn/goose-swarm
300ccc6 
* main:
  Soften str_replace instructions for weaker LLMs (#4639)
  docs: changed logo (#4633)
  Add `analyze` tool to Developer extension (#4530)
  Add recipe title in import form (#4625)
  Desktop json recipes upload (#4629)
  Catch errors in node main (#4627)
  chore(deps-dev): bump vite from 7.1.3 to 7.1.5 in /ui/desktop (#4583)
  docs: add Rube extension documentation and server configuration (#4556)
  Always show recipe activities at the top of chat when recipe accepted and active (#4616)
  Add parameter replacement to activities in ui (#4617)
  UI recipes filter invalid, duplicate and unused params (#4615)
  Fix gpt-5 input context limit (#4619)
  [docs] MCP-UI Blog Post (#4578)
  release/1.8.0 (#4577)
  fix: docker build include valid string prior to sha (#4613)
  Run the conversation fixer over messages for recipe create (#4605)
  docs: github copilot config workarounds (#4607)
  Add recipe schema validation to UI (#4602)
@alexhancock alexhancock mentioned this pull request Sep 23, 2025
Merged
jamadeo added a commit to jalateras/goose that referenced this pull request Sep 29, 2025
@jamadeo
Revert "[docs] MCP-UI Blog Post (block#4578)"
c8c79fd 
This reverts commit af2d6a4.
HikaruEgashira pushed a commit to HikaruEgashira/goose that referenced this pull request Oct 3, 2025
@EbonyLouis @HikaruEgashira
[docs] MCP-UI Blog Post (block#4578)
c641526 
Signed-off-by: HikaruEgashira <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@aharvard aharvard aharvard approved these changes

@blackgirlbytes blackgirlbytes blackgirlbytes approved these changes

@angiejones angiejones Awaiting requested review from angiejones

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

5 participants

@EbonyLouis @aharvard @angiejones @blackgirlbytes