affectUI
Search, read and install agent-ready React components, screens and blocks for AI products.
사용해야 할까요
품질 및 안전성
발견 사항 (2)
- LOWTool 'list_components' description lacks action verblist_components에서
- LOWTool 'get_component' description lacks action verbget_component에서
도구 정의와 프로토콜 준수에 대한 자동 분석을 기반으로 합니다.
컨텍스트 비용
이는 서버의 도구가 모델의 컨텍스트에 로드될 때마다 소비되는 대략적인 토큰 수입니다. 수치가 높을수록 다른 작업에 사용할 수 있는 주의가 줄어듭니다.
설치
원클릭 설치
`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#"
}커뮤니티
증거