An astronaut overseeing a futuristic data hub
PDFをダウンロードMarkdown版

Design ProverをChatGPT、Claude、Geminiに接続

一度設定すれば、ChatGPT、Claude、Cursorなど、お気に入りのクライアントでどれでも動きます。すべては裏側で安全に動くので、あなたは安心して本当に大切なことに集中できます。テンプレートを脱却し、意図に基づいた独自のUIを構築する

このConnectorについてAIに質問

Vinkiusが開発・運用・ホスティング。

MCP認証済み · 本番環境対応 · Vinkius保証

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

AIが仕事をこなします。私たちが安全に守ります。

他のAIツールではこれは手に入りません。ワークフローはお気に入りのクライアントで動き、アカウントは守られ、エージェントに何を許すかはあなたが決めます。これこそ乗り換えるべき理由です。

すべてのConnectorは当社のインフラストラクチャの中、あなたのワークフローが動くのと同じ場所にあります。下の3つはすでにその一部で、背景で静かに働き、あなたが意識する必要がないようにしてくれます。追加するものも、設定するものも、心配することもありません。

A futuristic MCP client docking bay
V8 Isolate01

各Connectorは独自の密閉された環境内で実行されます。

各Connectorは独自の封印されたV8ランタイムで実行され、ファイル、システム、他のサーバーへのアクセスはありません。Connectorが自身のリクエストを超えて中身を見ることはありません。

Kill Switch02

1つのスイッチで全エージェントを停止。即座に。

1つのアクションで全Connectorを無効化し、全トークンを失効させ、全セッションを終了します。AI Governanceが記録を保持します。

ユーザーごとのFinOps03

驚きではなく、一時停止する支出制限。

各ユーザーは自身の接続と認証情報を持ち、他から隔離されています。支出制限を超える操作は課金されず、あなたの承認を待ちます。

3つのコントロールが、AIが接続するレイヤーに 組み込まれています。

厳選セット · 1機能

届けるのは、本当に必要な動作だけです。

機能セット01 / 01

01

このセットには1機能あります。

Design Proverで使える1機能の一部です。

  1. 01

    デザインの妥当性を検証する

    AIが生成したフロントエンドが、既定のパターン（均一な余白やカード型レイアウトなど）に陥っていないか、5つの設計基準に基づいて厳格にチェックします。

実際の業務

チームが実際に回している作業

01

Landing Page Prototyping

Force an agent to build a unique brand identity for a new SaaS instead of a generic template.

02

Design System Validation

Check if an agent's proposed layout actually follows hierarchy and spacing rules.

03

Creative Direction

Use the decision pivots to guide an agent toward an editorial or cyberpunk aesthetic.

04

Code Quality Control

Prevent the generation of useless, repetitive CSS by requiring specific design justifications.

タスクを自動化

Design Proverを一つのタスクに働かせる。

このConnector経由でAIが実行するステップバイステップの自動化：ワークフロー、始めるためのプロンプト、そして一つひとつの動きの裏にある正確な機能。

1つのConnector、すべてのAI

Design Proverは、最も人気のあるAIクライアントで動きます。

これは最も人気のあるクライアントで、それぞれにステップバイステップのガイドがあります。リンクは1つ、設定は一度、ガバナンスと可視性は最初から組み込み。しかもすべてMCP標準で動くため、同じ接続は他の対応クライアントでもそのまま使えます。作り直す必要はありません。

ClaudeClaudeChatGPTChatGPTGeminiGeminiPerplexityPerplexityGrokGrokMicrosoft CopilotMicrosoft CopilotCursorCursorVS CodeVS CodeWindsurfWindsurfJetBrainsJetBrainsClineClineLangChainLangChainVercel AI SDKVercel AI SDKLovableLovableZ.aiZ.aiRaycastRaycastQwen CodeQwen CodeKimi CodeKimi CodeLe ChatLe Chat

自社アプリを作っていますか？Connectorはあなたのもの。

Design Proverを働かせるのにクライアントは不要です。同じホストされた接続が、あなたのアプリやエージェントのコードにそのまま組み込め、すべてのリクエストに同じガバナンスが適用されます。作るのも、会話するのも、1つの接続で両方。

実測値、推定値ではない

平均872ms。本番環境で高速。

Design Proverは本番サービスに対して毎日チェックされています。

日次平均最大1079ms
10月3日今日
最速日
695ms
最遅日
1079ms
14日間の傾向
安定+2%

クライアントを接続

1つのURL。すべてのクライアント。

Connectorを有効化し、リンクをコピーして、いつも使うクライアントに貼り付けるだけ。1個の機能がすぐに使えます。

プレビューアクセス · プロバイダー認証ではありません

vk_preview_* トークンは Vinkius のプレビューインフラに属します。Claude が Design Prover のケイパビリティを検出して表示できるようにし、AI の中でその体験を確認できます。

このトークンは Design Prover のアカウントを認証するものではありません。認証情報や実際のアカウントデータが必要なアクションは、Connector を有効化してサービスを承認するまで実行されない場合があります。

Design Prover Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_PeQ4D4927Jeny0kAawnz5h0U5bgjxG8rMJspLTyL/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 — Design Prover capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "design-prover-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_PeQ4D4927Jeny0kAawnz5h0U5bgjxG8rMJspLTyL/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

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

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

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

対象ユーザー

Design Proverユーザーが任せたい仕事のために。

AIを活用してフロントエンド開発を行うエンジニアやデザイナー向けに、生成物の品質を劇的に向上させるためのツールです。

  • 01

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

    AIによるコード生成が、単なるテンプレートの繰り返しになるのを防ぎたい開発者。

  • 02

    UI/UXデザイナー

    AIエージェントに対して、デザインの原則に基づいた具体的な指示と検証を行いたいプロフェッショナル。

  • 03

    プロダクトマネージャー

    AIが生成するUIの視覚的な質を、設計思想の観点からコントロールしたい責任者。

FAQ

Design Proverユーザーからのよくある質問。

  • 01

    What does Design Prover actually do?

    It is a structured reasoning capability that forces your AI agent to prove it has made intentional design decisions regarding hierarchy, layout, whitespace, typography, and color before it writes any code.

  • 02

    Will this change how my AI writes CSS?

    It doesn't change the syntax, but it changes the logic. It forces the agent to move away from default Tailwind values and generic card grids toward specific, intentional design choices.

  • 03

    Which AI clients can use this MCP?

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

  • 04

    Why does it reject my prompts?

    It rejects prompts that rely on 'AI defaults' like uniform spacing, flat hierarchy, or the standard hero-plus-three-cards layout. It requires specific, measurable design decisions.

  • 05

    Do I need to be a designer to use this?

    No, but you need to be able to tell your agent to be more specific. The capability provides the framework to help your agent think like a designer.

  • 06

    Does Design Prover generate HTML or CSS?

    No. Design Prover generates zero code. It forces the agent to make five concrete DESIGN DECISIONS. hierarchy, layout, whitespace, typography, color. before writing a single line of HTML. The decisions then guide the code. The capability catches AI patterns (card grids, uniform spacing, safe palette) and rejects until the design is intentional.

  • 07

    Why does it reject card grids?

    Three cards in a row is the #1 fingerprint of AI-generated design. It's the default every model reaches for because it's safe and symmetrical. Professional design uses spatial tension: asymmetric columns where one is 2x wider, elements that overlap or break containers, full-bleed images next to narrow text columns, alternating between dense data sections and generous white space. Card grids are assembly, not design.

  • 08

    What does a 3:1 hierarchy ratio mean?

    If your body text is 16px, your focal element should be at least 48px (3x) to create real visual dominance. AI agents typically use 32px headlines with 16px body. a 2:1 ratio that creates no drama. Professional design uses 5:1+ ratios: 72px display headlines, 120px metrics, oversized imagery. The bigger the ratio, the clearer the reading path.

さがす

Productivityの他のコネクタ

おすすめ

『Design Prover』を Claude、Cursor、ChatGPT などに接続