Watermelon UI

MCP server exposing 850+ source-backed React components, blocks, dashboards, and templates through search, retrieval, category, and page-composition tools

watermeloncorp/watermelon-ui · v1.0.0 · Tools & Integrations

WatermelonCorpcaution

Install Source Claim this plugin

59 Follow0

Trust Score

Security

Surfaces

What is Watermelon UI?

Watermelon UI is a published tools & integrations plugin for AI coding agents in the codex ecosystem, developed by WatermelonCorp and distributed through the HOL AI plugin registry. MCP server exposing 850+ source-backed React components, blocks, dashboards, and templates through search, retrieval, category, and page-composition tools

Canonical slug: watermeloncorp/watermelon-ui
Version: v1.0.0 · updated Oct 5, 2026
Open data: entity.json (JSON-LD)

Trust & Reputation

HOL Trust Score

Factor Analysis

Per-metric points (0–100 each) combined via a weighted average into the overall score.

Installability

64pts

Maintenance

80pts

MCP Posture

95pts

Plugin Security

54pts

Provenance

70pts

Publisher Quality

75pts

Registry Snapshot

Repository: https://github.com/WatermelonCorp/watermelon-platform
Homepage: https://ui.watermelon.sh/developers/mcp
Canonical profile: https://hol.org/registry/plugins/watermeloncorp%2Fwatermelon-ui
Publisher verification: No
Marketplace source: Unknown
Scanner: Broker fallback
Safety label: caution
Digest verified: Yes

2 bundled skills — copy or download SKILL.mdOpen skills

Trust & reputation

Trust & Reputation

HOL Trust Score

Factor Analysis

Per-metric points (0–100 each) combined via a weighted average into the overall score.

Installability

64pts

Maintenance

80pts

MCP Posture

95pts

Plugin Security

54pts

Provenance

70pts

Publisher Quality

75pts

Provenance

Plugin root: .
Source repo: https://github.com/WatermelonCorp/watermelon-platform
Source commit: 2ebcf9f04735…
Publisher verified: No
Owner verified: Not owner verified

Continuous scanner CI not detected

This plugin remains listed. Its overall trust score is reduced by 10% because security checks are not maintained in the source repository's CI.

Optional: maintain the scanner in the source repository's CI to receive the full trust score. Listing does not require that change.

Verified badge not detected

Add the HOL verified badge to the repository README to score +2% trust. Plugin owners can open that pull request from Guard Plugins.

Security Posture

caution

Safety label

Security score

High findings

Provider: registry-broker-fallback
Grade: F · caution
Version: Unknown

cisco-skill-scanner: unknown

Findings

mediumpublishabilitypublishability.link.missing.websiteURL

websiteURL should be present for marketplace readiness.

mediumpublishabilitypublishability.link.missing.privacyPolicyURL

privacyPolicyURL should be present for marketplace readiness.

mediumpublishabilitypublishability.link.missing.termsOfServiceURL

termsOfServiceURL should be present for marketplace readiness.

lowmcp-securitymcp.remote.auth.unknown

MCP server watermelon does not declare an auth posture.

lowoperational-securitysupply-chain.lockfile-missing

Repository snapshot does not include a lockfile.

infoskill-securityskill-scan.unavailable

Cisco skill scanner timed out after 60000 ms

infoskill-securityskill-scan.unavailable

Cisco skill scanner timed out after 60000 ms

Watermelon UI — Frequently asked questions

What is Watermelon UI?: Watermelon UI is an AI plugin in the HOL registry. MCP server exposing 850+ source-backed React components, blocks, dashboards, and templates through search, retrieval, category, and page-composition tools
How do I install Watermelon UI?: Install Watermelon UI in your harness: Codex — codex plugin marketplace add WatermelonCorp/watermelon-platform; Claude Code — /plugin marketplace add WatermelonCorp/watermelon-platform; Cursor — npx skills add WatermelonCorp/watermelon-platform. Full step-by-step guidance is on the HOL plugin page.
How do I install Watermelon UI in Codex?: To install Watermelon UI in Codex, start with codex plugin marketplace add WatermelonCorp/watermelon-platform. The complete step-by-step install guide for Codex is on the HOL plugin page.
How do I install Watermelon UI in Claude Code?: To install Watermelon UI in Claude Code, start with /plugin marketplace add WatermelonCorp/watermelon-platform. The complete step-by-step install guide for Claude Code is on the HOL plugin page.
How do I install Watermelon UI in Cursor?: To install Watermelon UI in Cursor, start with npx skills add WatermelonCorp/watermelon-platform. The complete step-by-step install guide for Cursor is on the HOL plugin page.
Is Watermelon UI free?: Pricing for Watermelon UI is published on its HOL plugin page when the maker schedules a launch.
Who publishes Watermelon UI?: Watermelon UI is published by WatermelonCorp and listed on HOL.
Is Watermelon UI available now?: Watermelon UI availability is listed on its HOL plugin page.

Install Guidance

Install in Claude Code

Install through the Claude Code plugin marketplace.

Claude Code plugin docs

1
Add the marketplace
Run this inside a Claude Code session.
claude code
2
Install the plugin
Use the plugin name and the marketplace name shown by the previous command.
claude code
3
Scripted alternative
Non-interactive equivalent for scripts and CI pipelines. Add --scope project to pin the install to one repository.
shell

Plugin Manifest

{
  "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": "./",
  "mcpServers": "./.registry/mcp.json",
  "interface": {
    "displayName": "Watermelon UI",
    "developerName": "WatermelonCorp",
    "shortDescription": "Discover and install free source-backed React UI",
    "category": "Development",
    "brandColor": "#83DC16",
    "composerIcon": "./public/logo.png"
  },
  "registryIndexVersion": 5
}

Marketplace Source

Repo URL: https://github.com/WatermelonCorp/watermelon-platform
Marketplace path: Unknown
Source path: .
Install policy: Unspecified

Skills

2 SKILL.md files ship with this plugin. Preview, copy, or download each one, then install them with the Skills CLI.

skills-cli

make-interfaces-feel-better
skills/make-interfaces-feel-better/SKILL.md
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.
Raw SKILL.md
SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.
watermelon-ui
skills/watermelon-ui/SKILL.md
Discover and install free, source-backed React UI from Watermelon. Use when a user needs a component, block, dashboard, template, design inspiration, or a composed page built from compatible sections.
Raw SKILL.md
SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.

File Inventory

.claude-plugin/plugin.json

file

480 bytes

0e4f705e551ce8a3…

.codex-plugin/plugin.json

plugin-manifest

698 bytes

4d4dbfb9c9be9b9d…

.cursor-plugin/plugin.json

file

571 bytes

023529687f47cf88…

.eslintrc

file

108 bytes

36d60e083a44150e…

.mcp.json

file

97 bytes

c7720c3b18397322…

.registry/mcp.json

mcp-config

69 bytes

01115f50b2e0f0b3…

eslint.config.js

file

1,080 bytes

d67ec6094562b5dd…

package.json

file

4,203 bytes

bb874d7ca4b1b87f…

public/logo.png

file

43,592 bytes

e214039ea81259f7…

README.md

file

5,512 bytes

052965e7f79aed8a…

SECURITY.md

file

1,176 bytes

f917adfa6ffbc5a3…

skills/make-interfaces-feel-better/animations.md

skill

11,092 bytes

eaaacab19a846f72…

skills/make-interfaces-feel-better/performance.md

skill

2,884 bytes

f4537590cca88414…

skills/make-interfaces-feel-better/SKILL.md

skill

7,803 bytes

3007ff3c944f6283…

skills/make-interfaces-feel-better/surfaces.md

skill

7,284 bytes

0564c57a29adf1be…

skills/make-interfaces-feel-better/typography.md

skill

3,799 bytes

960cfa67b05109ae…

skills/watermelon-ui/SKILL.md

skill

1,804 bytes

29b1440a6967f12a…

tsconfig.json

file

193 bytes

23c57da26bcec499…

Product

AI tools

Extensions

Resources

AI Agents

Plugins

Extensions

Best Plugins

Security

Open Source

Points

Events

Standards

Tools

Library Docs

Resources

Watermelon UI

What is Watermelon UI?

Trust & Reputation

Factor Analysis

Registry Snapshot

Trust & reputation

Trust & Reputation

Factor Analysis

Provenance

Security Posture

Findings

Watermelon UI — Frequently asked questions

Install Guidance

Install in Claude Code

Plugin Manifest

Marketplace Source

Skills

File Inventory