Shadcnui Dependency ResolverをAIに接続

最速日

474ms

最遅日

623ms

14日間の傾向

遅延傾向+5%

shadcn/ui Resolver Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_U9irMWgXv28cwSXxmqiAgD6Vnm7Obd7lVDbcbdVU/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

1. 1In Claude Desktop, open Settings → Connectors.
2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3. 3Click Add and start a new chat — shadcn/ui Resolver capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "shadcnui-dependency-resolver-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_U9irMWgXv28cwSXxmqiAgD6Vnm7Obd7lVDbcbdVU/mcp"
    }
  }
}

• Claude
• ChatGPT
• Cursor
• VS Code
• Windsurf
• Claude Code
• JetBrains
• Cline

各クライアントの手順ガイドはこちらです。 接続方法

Claude向けのガイド付きセットアップ？ shadcn/ui ResolverをClaudeや他のAIに設定する

このConnectorが対応するすべてのAIクライアントを見る ↑

• 01

  フロントエンドエンジニア

  Shadcn/ui を使用した迅速な UI 実装と、依存関係の正確な管理を行いたい開発者。

• 02

  AI コーディングエージェント利用者

  AI が生成したコードに含まれるコンポーネントの不足や、パッケージの欠落を即座に検知したいユーザー。

• 03

  React デベロッパー

  JSX/TSX の構造を解析し、プロジェクトの整合性を保ちたいプロフェッショナル。

• 01

  What does this MCP actually do?

  It identifies the specific shadcn/ui components and packages required by any JSX or TSX code snippet you provide to your AI client.

• 02

  How does it help with shadcn/ui components?

  It solves the problem where an AI agent writes code for a component but forgets that the project needs specific sub-components or base packages installed.

• 03

  Which AI clients can use this?

  You can use this with any MCP-compatible client, including Claude, Cursor, and Windsurf.

• 04

  Does it install the packages for me?

  No, it identifies what needs to be installed so you can run the installation commands yourself.

• 05

  Can it verify if a component name is correct?

  Yes, the validate_component_registry_entry capability checks if a string matches a known shadcn/ui component or sub-component.

• 06

  What does the extract_dependencies capability return?

  It returns a unique list of required components, the total count of detected components, and a list of any missing sub-components found in your snippet.

• 07

  How does it identify components?

  The capability scans your JSX for tags starting with an uppercase letter and matches them against a strict registry of shadcn/ui component families.

• 08

  Can I verify a specific tag name?

  Yes, you can use the validate_component_registry_entry capability to check if a specific string like 'AccordionItem' is recognized as a valid shadcn/ui component.

• 

  shadcn/ui Dependency Resolver AIコネクタ

  Resolves exact shadcn/ui component dependencies from JSX snippets.

  表示
• 

  React 19 useActionState Validator AIコネクタ

  Validates React 19 `useActionState` hook implementations in JSX snippets.

  表示
• 

  Task DAG Dependency Resolver AIコネクタ

  Resolves task execution order and parallel groups from DAG dependencies.

  表示
• 

  Postgres Migration Dependency Resolver AIコネクタ

  Resolves the execution order of SQL migrations using graph theory to prevent deployment errors.

  表示

おすすめ

• 

  Reactor Design CSTR AIコネクタ

  Calculate reactor volume, residence time, and conversion for CSTR systems.

  表示
• 

  Reactor Network Synthesis AIコネクタ

  Optimizes reactor configurations, volumes, and sequences to maximize selectivity and economic yield.

  表示
• 

  Dependency Version Conflict Detector AIコネクタ

  Identify and resolve versioning incompatibilities within dependency trees.

  表示
• 

  Socket.dev (Dependency Security) AIコネクタ

  Protect your software supply chain by scanning dependencies, checking package security scores, and monitoring

  表示