affectUI

Search, read and install agent-ready React components, screens and blocks for AI products.

我該用這個嗎

品質與安全性

A
說明品質
85%
結構描述完整度
98%
命名品質
100%
汙染風險
100%
權限相符程度
100%
協定合規性
100%

發現項目(2)

  • LOWTool 'list_components' description lacks action verb在 list_components 中
  • LOWTool 'get_component' description lacks action verb在 get_component 中

根據工具定義與協定合規性的自動化分析。

上下文成本

~404Token(工具定義)
~713 B典型回應大小
極小的注意力影響(128k 上下文的 0.32%)

這是每次將伺服器的工具載入模型上下文時所消耗的約略 token 數量。數量越高,可用於其他工作的注意力就越少。

安裝

一鍵安裝

將以下內容加入你的 `claude_desktop_config.json` 檔案:

{
  "mcpServers": {
    "affectui": {
      "url": "https://www.affectui.com/api/mcp"
    }
  }
}

遠端端點

https://www.affectui.com/api/mcpstreamable-http

它能做什麼

工具清單

工具(4)

🟢 唯讀🟡 寫入🔴 刪除⚪ 未知
🟢search_components(query, section, free_only)

Find affectUI components, screens, blocks, illustrations and motion effects for a UI need, e.g. 'chat input with model picker' or 'onboarding checklist'.

輸入結構描述

{
  "type": "object",
  "properties": {
    "query": {
      "type": "string",
      "description": "What the UI should do or look like"
    },
    "section": {
      "description": "Limit to one section",
      "type": "string",
      "enum": [
        "Components",
        "Screens",
        "Blocks",
        "Illustrations",
        "Motion"
      ]
    },
    "free_only": {
      "description": "Only free items",
      "type": "boolean"
    }
  },
  "required": [
    "query"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}
🟢list_components(section)

Every affectUI item with slug, section, category, free or Pro, and a one-line description.

輸入結構描述

{
  "type": "object",
  "properties": {
    "section": {
      "description": "Limit to one section",
      "type": "string",
      "enum": [
        "Components",
        "Screens",
        "Blocks",
        "Illustrations",
        "Motion"
      ]
    }
  },
  "$schema": "http://json-schema.org/draft-07/schema#"
}
🟢get_component(slug)

Docs for one item: install command, usage example, props, keyboard, accessibility and notes.

輸入結構描述

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "description": "The item's slug, e.g. reaction-bar"
    }
  },
  "required": [
    "slug"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}
🟡get_source(slug)

The full .tsx source of an item, to write to components/ui/<slug>.tsx when the shadcn CLI isn't available. Pro items need the user's access key in the MCP connection.

輸入結構描述

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "description": "The item's slug, e.g. reaction-bar"
    }
  },
  "required": [
    "slug"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}

社群

為此伺服器評分

證據

近期觀測

已驗證未記錄版本4 個工具