Random Design

Name: Random Design
Author: yanislav-igonin

本地服务

github.com/yanislav-igonin开发工具021 周前更新

代码仓库

关于 Random Design

Random Design 是一个 TypeScript MCP 服务，可生成随机的英文 Markdown 前端设计方向。它使用精选目录，并可选择进行兼容性评分；生成过程不调用大模型。

主要功能

01生成随机设计方向
02使用精选设计目录
03可选兼容性评分
04设置设计上下文
05查询版本

适用场景

01探索落地页设计方向
02生成仪表盘设计概念
03设定受众和设计重点
04创建有意冲突的组合

MCP 相关

提供 `generate_design_description` 工具生成随机设计方向，并提供 `get_version` 查询软件包版本。可安装到支持 stdio 服务的 MCP 客户端中。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置

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

启动命令npx -y random-design-mcp

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包

npmrandom-design-mcp2.1.0stdio

工具

收录的工具列表 · 更新于 2 周前

参数	类型	必填
audience	string	否
priority	string	否
productType	string	否
compatibility	boolean	否

详细介绍

随机设计 MCP

一个 TypeScript MCP 服务，可返回随机生成的英文 Markdown 前端设计方向。它使用精选目录，并支持可选的软兼容性评分。它不会调用大模型。

网站：https://random-design-mcp.h0b0.dev

安装

可在任何支持 stdio 服务的 MCP 客户端中使用已发布的 npm 包：

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

工具

generate_design_description 会返回一个随机生成的 Markdown 设计方向。所有输入字段均为可选，但提供上下文会让结果更易于使用：

{
  productType?: string;
  audience?: string;
  priority?: string;
  compatibility?: boolean; // defaults to true
}

productType：你要设计的产品类型，例如 landing page、dashboard、mobile app 或 pricing page。
audience：界面的目标用户，例如 developers、founders 或 enterprise buyers。
priority：设计应优化或重点关注的方面，例如 conversion、readability、premium feel、dense data display 或 playful experimentation。
compatibility：控制随机组合可以有多大胆。默认值为 true，生成的参数会更协调实用。设为 false 后，可不受约束地组合参数，有意混搭相互冲突的时代、风格、配色、布局和材质。

get_version 不接受任何参数，并返回 package.json 中的软件包版本。可用它确认 MCP 客户端正在运行的已发布或缓存 MCP 软件包版本。

开发

npm install
npm run build
npm run check

在本地预览一个生成的设计方向：

npm run dev

可选的预览上下文：

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

支持 Markdown

登录后评论