watermelon-ui
v1.0.0Search, compare, compose, and install free source-backed React UI from Watermelon.
By WatermelonCorpLicense: MIT573 GitHub starsUpdated 22 hours ago
Directory evidence
- Runtimes
- Codex and Claude Code
- Parsed components
- 2 skill or MCP entries
- Source updated
- Sep 23, 2026
- Manifest status
- Canonical path parsed
The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →
Install watermelon-ui for Codex and Claude Code
codex plugin marketplace add WatermelonCorp/watermelon-platform
codex plugin marketplace upgrade watermelon-ui
codex plugin add watermelon-ui@watermelon-uiPaste and run these commands in a terminal with Codex. They add and refresh the watermelon-ui catalog, then install this plugin.
Compatibility: the page URL and API slug “watermelon-ui” remain stable.
- Codex:
watermelon-ui@agent-plugin-marketplace→watermelon-ui@watermelon-ui
The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.
Get the source manually
git clone https://github.com/WatermelonCorp/watermelon-platformClone the source repository, then follow its setup instructions to add the plugin to a compatible client. The repository root is the plugin root.
Plugin files
├── .codex-plugin/plugin.json├── .claude-plugin/plugin.json├── skills/make-interfaces-feel-better/SKILL.md└── skills/watermelon-ui/SKILL.md
Included Skills2
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.
Discover and install free, source-backed React UI from Watermelon. Use when a user needs a component, block, dashboard, template, showcase, design inspiration, or a composed page built from compatible sections.
Plugin manifests2
{
"name": "watermelon-ui",
"version": "1.0.0",
"description": "Search, compare, compose, and install free source-backed React UI from Watermelon.",
"author": {
"name": "WatermelonCorp"
},
"homepage": "https://ui.watermelon.sh/developers/mcp",
"repository": "https://github.com/WatermelonCorp/watermelon-platform",
"license": "MIT",
"keywords": [
"watermelon-ui",
"mcp",
"react",
"tailwind",
"shadcn",
"ui-components"
],
"skills": "./skills/",
"mcpServers": "./.mcp.json",
"interface": {
"displayName": "Watermelon UI",
"shortDescription": "Discover and install free source-backed React UI",
"category": "Development",
"brandColor": "#83DC16",
"composerIcon": "./public/logo.png"
}
}{
"name": "watermelon-ui",
"version": "1.0.0",
"description": "Search, compare, compose, and install free source-backed React UI from Watermelon.",
"author": {
"name": "WatermelonCorp",
"url": "https://ui.watermelon.sh"
},
"homepage": "https://ui.watermelon.sh/developers/mcp",
"repository": "https://github.com/WatermelonCorp/watermelon-platform",
"license": "MIT",
"keywords": [
"watermelon-ui",
"mcp",
"react",
"tailwind",
"shadcn",
"ui-components"
]
}For maintainers
If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.
[watermelon-ui on Agent Plugins Marketplace](https://pluginsmp.com/plugins/watermelon-ui)