English Français العربية

Random Design

السجل الرسمي الإنتاجية

Generate randomized English Markdown frontend design directions from curated catalogs.

الشيفرة المصدرية التوثيق

ماذا يمكنك أن تفعل مع 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

التثبيت

أضف هذا إلى إعدادات MCP في عميلك (Claude Desktop: claude_desktop_config.json، وCursor: ‏.cursor/mcp.json، ويستخدم VS Code وغيره الصيغة نفسها «mcpServers»).

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

التوثيق

مأخوذ من ملف README للمشروع على GitHub ويُحدَّث أسبوعيًا. تفتح الروابط على GitHub.

المحتويات
  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

الأسئلة الشائعة

ما هو Random Design؟

Generate randomized English Markdown frontend design directions from curated catalogs.

كيف أثبّت Random Design؟

يعمل على جهازك. في Claude Code: claude mcp add random-design -- npx -y random-design-mcp@2.1.0. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.

هل يحتاج Random Design إلى مفتاح API؟

لا يذكر إدراجه في السجل أي مفتاح أو سر إلزامي. قد تتطلب بعض الميزات حسابًا لدى الخدمة التي يتصل بها.

هل Random Design مفتوح المصدر؟

نعم. شيفرته متاحة على GitHub بترخيص MIT.

من يصون Random Design؟

ينشره yanislav-igonin. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.

من سجل MCP الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.