feat: add marko playground links

[LuLaValva]

🔗 Linked issue

I didn't make one 😳, sorry everybody

🧭 Context

The maintainers here did an amazing job of making the link detection for playgrounds generic and extensible. Any chance we can add Marko to the mix?

📚 Description

We don't really have a primary brand color since we're sort of "the rainbow", but we often lean on the dark red part of our logo so I chose that one. Hope it's not too close to any other playground colors!

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev (canary)	Ready	Preview, Comment	Mar 4, 2026 5:53pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Mar 4, 2026 5:53pm
npmx-lunaria	Ignored		Mar 4, 2026 5:53pm

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: b803a3c0-e60a-48fc-9d51-9bf6519639e8

📥 Commits

Reviewing files that changed from the base of the PR and between f3403eb and 0b92a72.

📒 Files selected for processing (3)

• app/components/Package/Playgrounds.vue
• server/utils/readme.ts
• uno.config.ts

---

📝 Walkthrough

Walkthrough

This pull request adds support for the Marko playground as a new provider. The changes span three files: the Playgrounds component is updated with icon and colour mappings for the Marko provider, the server utility that defines playground providers is extended with Marko playground configuration including domain and path details, and the design token configuration is updated to include the brand colour for the Marko provider.

Possibly related PRs

• feat: add storybook playground link #1624: Adds a new playground provider by updating the same UI component mappings and provider colour tokens.
• feat: add more playground providers #1607: Modifies the same provider-related files to add playground provider configurations across the UI component, server utilities, and design tokens.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly relates to the changeset, explaining the addition of Marko playground support with context about brand colour selection.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[ghostdevv]

Do you have a package name I can test this with? @LuLaValva

[LuLaValva]

Yeah! The playground is actually only referenced in the next version of the Marko README, here:

https://npmx.dev/package/marko/v/6.0.152

Thanks for checking this out so quickly!

[ghostdevv]

np! ty!

[ghostdevv]

vercels preview button isn't working here for some reason, so for posterity the example can be found here: https://npmx-4reksi68z-npmx.vercel.app/package/marko/v/6.0.152

[github-actions]

Thanks for your first contribution, @LuLaValva! ⭐

We'd love to welcome you to the npmx community. Come and say hi on Discord! And once you've joined, visit npmx.wamellow.com to claim the contributor role.