English Français العربية

21st.dev

السجل الرسمي أدوات المطورين

Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.

الموقع

التثبيت

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

Remote (streamable-http)
Claude Code 
claude mcp add --transport http 21st-dev 'https://21st.dev/api/mcp' --header 'x-api-key: <Your 21st.dev API key from https://21st.dev/settings/api-keys. Authentication is required for discovery and tool calls. Generation tools are listed only when the account has hosted AI access.>'
إعداد JSON (Claude Desktop وCursor وVS Code) 
{
    "mcpServers": {
        "21st-dev": {
            "type": "http",
            "url": "https://21st.dev/api/mcp",
            "headers": {
                "x-api-key": "<Your 21st.dev API key from https://21st.dev/settings/api-keys. Authentication is required for discovery and tool calls. Generation tools are listed only when the account has hosted AI access.>"
            }
        }
    }
}

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

ما هو 21st.dev؟

Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.

كيف أثبّت 21st.dev؟

يعمل كخادم بعيد. في Claude Code: claude mcp add --transport http 21st-dev 'https://21st.dev/api/mcp' --header 'x-api-key: <Your 21st.dev API key from https://21st.dev/settings/api-keys. Authentication is required for discovery and tool calls. Generation tools are listed only when the account has hosted AI access.>'. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.

هل يحتاج 21st.dev إلى مفتاح API؟

نعم. يتطلب x-api-key، وتضبطها في إعداداته.

من يصون 21st.dev؟

ينشره dev.21st. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.

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