English Français العربية

Random Design

Registre officiel Productivité

Generate randomized English Markdown frontend design directions from curated catalogs.

Code source Documentation

Que pouvez-vous faire avec Random Design ?

  • productType: what you are designing, such as landing page, dashboard,
  • audience: who the interface is for, such as developers, founders, or
  • priority: what the design should optimize for or pay extra attention to,
  • compatibility: controls how wild the random combination can be. It defaults

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

NPM package random-design-mcp
Claude Code 
claude mcp add random-design -- npx -y random-design-mcp@2.1.0
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "random-design": {
            "command": "npx",
            "args": [
                "-y",
                "random-design-mcp@2.1.0"
            ]
        }
    }
}

Documentation

Tirée du README du projet sur GitHub, actualisée chaque semaine. Les liens ouvrent GitHub.

Sommaire
  1. Random Design MCP
  2. Install
  3. Tools
  4. Development

Random Design MCP

TypeScript MCP server that returns randomized English Markdown frontend design directions. It uses curated catalogs and optional soft compatibility scoring. It does not call an LLM.

Website: https://random-design-mcp.h0b0.dev

Install

Use the published npm package from any MCP client that supports stdio servers:

{
  "mcpServers": {
    "random-design": {
      "command": "npx",
      "args": ["-y", "random-design-mcp"]
    }
  }
}

Tools

generate_design_description returns one randomized Markdown design direction. All input fields are optional, but passing context makes the result easier to use:

{
  productType?: string;
  audience?: string;
  priority?: string;
  compatibility?: boolean; // defaults to true
}
  • productType: what you are designing, such as landing page, dashboard, mobile app, or pricing page.
  • audience: who the interface is for, such as developers, founders, or enterprise buyers.
  • priority: what the design should optimize for or pay extra attention to, such as conversion, readability, premium feel, dense data display, or playful experimentation.
  • compatibility: controls how wild the random combination can be. It defaults to true, which keeps generated parameters more coherent and practical. Set it to false for unconstrained combinations that can intentionally mix clashing eras, styles, palettes, layouts, and materials.

get_version takes no arguments and returns the package version from package.json. Use it to confirm which published or cached MCP package version an MCP client is running.

Development

npm install
npm run build
npm run check

Preview one generated design direction locally:

npm run dev

Optional preview context:

RANDOM_DESIGN_PRODUCT_TYPE="Landing page" \
RANDOM_DESIGN_AUDIENCE="Developers" \
RANDOM_DESIGN_PRIORITY="Conversion" \
RANDOM_DESIGN_COMPATIBILITY=false \
npm run dev

Questions fréquentes

Qu'est-ce que Random Design ?

Generate randomized English Markdown frontend design directions from curated catalogs.

Comment installer Random Design ?

Il s'exécute sur votre machine. Dans Claude Code : claude mcp add random-design -- npx -y random-design-mcp@2.1.0. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour Random Design ?

Son entrée au registre n'indique aucune clé ni secret obligatoire. Certaines fonctions peuvent tout de même demander un compte auprès du service auquel il se connecte.

Random Design est-il open source ?

Oui. Son code est sur GitHub sous licence MIT.

Qui maintient Random Design ?

Il est publié par yanislav-igonin. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.