サイトデザインに必要な素材とルールをAIエージェントに提供する社内MCPサーバー
ブランドのカラーパレット・タイポグラフィ・コンポーネントパターン・SEOルール・ロゴ等のバイナリ素材を、Cursor / Claude Code などのMCPクライアントからツール呼び出しで取得できます。
エンドポイント: https://mcp.4y4.app/mcp
接続には認証トークンが必要です。管理者からトークンを受け取り、以下のようにクライアント設定してください。
{
"mcpServers": {
"4y4-design": {
"url": "https://mcp.4y4.app/mcp",
"headers": {
"Authorization": "Bearer <YOUR_MCP_TOKEN>"
}
}
}
}| ツール | 説明 | 引数 |
|---|---|---|
list_brands |
サイトデザインで利用可能なブランドスタイルガイド一覧を返す | なし |
get_brand_style |
ブランドのデザインシステム（カラー・タイポグラフィ・コンポーネントパターン）をmarkdownで返す。サイトデザインを行う前に必ず呼び出すこと。 | brand 必須ブランド名: 4y4 | ripple | radix |
get_seo_guide |
SEOルールとMarkdown記述方法の共通ガイドを返す。get_brand_styleと合わせて、サイトデザイン・コンテンツ生成の前に必ず参照すること。 | なし |
list_brand_assets |
ロゴ・背景画像・アイコン（SVG/WebP等）などバイナリ素材の一覧を返す。各素材はキーとダウンロードURL（このMCPサーバーの /assets/{key}）を含む。素材はブランド名をプレフィックスにしたキー（例: ripple/logo.svg）で格納されている。 | brand 任意このブランドの素材のみに絞り込む（省略時は全件） |
get_asset_url |
指定したキーのバイナリ素材（ロゴ・画像・アイコン）のダウンロードURLを返す。キーは list_brand_assets で取得した key をそのまま使うこと。 | key 必須素材のキー（例: ripple/logo.svg） |
#eef2ff
#e0e7ff
#c7d2fe
#a5b4fc
#818cf8
#6366f1
#4f46e5
#4338ca
#d93f8a
#ffccdc
#a52b6e
#7a00df
#b694ff
#fff8fb
#ffffff
#fff0f6
#007bff
#0069d9
#ffffff
#f4f4f9
#e2e6ea
#333333
#888888
#ffffff