designmark

designmark

AI コーディングエージェント向けの日本語ランディングページデザインシステム（DESIGN.md）です。designmark.jpで検索し、ターミナル、任意の MCP クライアント、または Claude Code からプロジェクトに追加できます。

日本語 · designmark.jp · GitHub のパターンパック

designmark.jp では、4,000 件を超える日本の公開ランディングページを分析した DESIGN.md ファイルを公開しています。色、タイポグラフィ、間隔、コンポーネント、セクション構成のほか、業界や雰囲気ごとにまとめた CC BY 4.0 のパターンパックもあります。Claude Code、Cursor、その他の AI コーディングツールに渡すと、そのスタイルでページが構築されます。

npx designmark search 化粧品 --mood elegant
npx designmark add <ID> --claude-md

add は現在のフォルダーに DESIGN.md を保存します。--claude-md を指定すると、Claude Code が読み込めるよう CLAUDE.md に @DESIGN.md の行も追加します。Node.js 20 以降が必要です。

CLI

コマンド	内容
search [words...]	LP デザインとパターンパックを検索します。すべての単語が一致する必要があります。
show <ID>	タイトル、スタイル、業界、雰囲気、色（役割と HEX）、ページ URL を表示します。--raw を指定すると DESIGN.md 全体を出力します。
add <ID...>	最大 3 件のデザインを保存します。1 件の場合は DESIGN.md、2 件または 3 件の場合は design/<ID>.md に保存します。
packs	業界別にパターンパックを一覧表示します。
open <ID>	designmark.jp のデザインページを開きます。
mcp	MCP サーバーを起動します（stdio）。

ID は xd-xxxxxxxx（LP デザイン）、pk-…（パターンパック）、または designmark.jp の URL です。すべてのコマンドで --json、--lang ja|en、--help を使用できます。出力はプレーンテキストです（色なし）。

search のオプション
--category <name|slug>	業界。例：cosmetics または 化粧品
--mood <name|slug>	雰囲気。複数指定可能（すべて一致する必要があります）：natural soft elegant minimal pop retro cute sporty cool dark-luxury trust handmade wafu fresh bold dense
--color <family>	メインカラー：red orange yellow green teal blue purple pink brown black gray white、または 青 などの日本語名（LP デザインのみ）
--view sp|pc	分析対象の表示形式（LP デザインのみ）
--packs-only / --lp-only	パターンパックのみ／LP デザインのみ
--limit <1-50>	結果数（デフォルトは 10。最初に最大 3 件のパターンパックが表示されます）

add のオプション
--dir <folder>	プロジェクトフォルダー（デフォルト：現在のフォルダー）
--out <file>	書き込み先のファイル。ID が 1 件の場合に使用します（デフォルトは DESIGN.md）
--force	既存ファイルを上書きします（指定しない場合は上書きされません）
--claude-md	CLAUDE.md に @<written file> を追加します（実行回数にかかわらず 1 回のみ）

npx designmark search クリニック --view sp --limit 5
npx designmark search --category cosmetics --mood elegant --mood soft --json
npx designmark packs --category cosmetics
npx designmark show pk-cosmetics-elegant
npx designmark add pk-cosmetics-elegant --claude-md
npx designmark add <ID> --out docs/DESIGN.md

デザインをファイルに保存するには、show --raw の出力をリダイレクトするのではなく、add を使用してください（別のパスを指定する場合は --out を使用）。add はバイト列を変更せずに書き込みますが、Windows PowerShell 5.1 ではリダイレクトされた出力が再エンコードされます。

終了コード	意味
0	成功
1	失敗（ファイルを書き込めなかった、または予期しないネットワークエラー）
2	使用方法のエラー（不明なオプション、無効な ID、ID が 3 件を超えるなど）
3	見つかりません：デザインが最新のインデックスにありません（取り下げ済み、または ID が間違っています）
4	一時的に利用できません（アクセスが制限されている可能性があります）：約 5 分待ってください

環境変数
DESIGNMARK_LANG	ja または en（--lang が優先されます）。どちらも指定されていない場合は、LC_ALL / LC_MESSAGES / LANG、次にシステムロケールを使用します
DESIGNMARK_CACHE_DIR	インデックスのキャッシュフォルダー。デフォルト：Windows では %LOCALAPPDATA%\designmark、それ以外では $XDG_CACHE_HOME/designmark または ~/.cache/designmark
DESIGNMARK_API	API のベース URL（デフォルトは https://designmark.jp。テスト用）
BROWSER=none	open はブラウザーを開かずに URL を表示します

MCP サーバー

Claude Code：

claude mcp add designmark -- npx -y designmark@1 mcp

Cursor（.cursor/mcp.json）：

{ "mcpServers": { "designmark": { "command": "npx", "args": ["-y", "designmark@1", "mcp"] } } }

designmark@1 を使うと、メジャーバージョン 1 に固定されます。MCP クライアントからネイティブ Windows 上で npx を起動できない場合は、cmd を使い、引数に /c npx -y designmark@1 mcp を指定してください。

ツール	入力	戻り値
search_designs	query、category、moods、color、view、include_packs（既定値は true）、limit（1～20、既定値は 10）	デザインごとに 1 行：ID、タイトル、業界、雰囲気、メインカラー、ページ URL
get_design	id（xd-… または URL）	使用上の注意、空行、その後に DESIGN.md の全文
list_packs	category	パターンパックごとに 1 行：ID、タイトル、元になったデザインの数
get_pack	id（pk-… または URL）	ライセンスとクレジット表記の例、空行、その後に DESIGN.md の全文

サーバーがファイルを書き込むことはありません。DESIGN.md はエージェントが保存します。メッセージは DESIGNMARK_LANG（またはシステムロケール）に従います。

Claude Code プラグイン

/plugin marketplace add xecin-inc/designmark
/plugin install designmark@designmark

このプラグインには designmark スキル と上記の MCP サーバー が含まれています。Claude Code に日本風のランディングページを依頼すると、業界と雰囲気を選び、候補を最大 3 件提示します。選んだデザインを追加し、そのトークンを使ってページを構築します。

レート制限 — その理由

designmark の利用規約（第 2 条第 3 項）では、自動化された一括取得が禁止されています。このツールは、制限を十分に守るように設計されています。

• add は実行ごとに最大 3 件のデザインを、1 件ずつ、少なくとも 1 秒間隔で取得します。一括ダウンロード用のコマンドはありません。
• MCP サーバーは、プロセスごとに 10 分間で最大 30 件のデザインを、少なくとも 1 秒間隔で取得します。また、designmark.jp がリクエストを拒否した場合は、5 分間取得を停止します。
• 検索ではインデックスファイルを 1 つ読み込みます。このファイルは 6 時間キャッシュされた後、ETag を使って再検証されます。DESIGN.md ファイルはキャッシュされないため、公開停止されたデザインは速やかに表示されなくなります。
• 公開停止されたデザインの場合、終了コード 3 が返されます。終了コード 4 は、designmark.jp によってアクセスが制限されている可能性を示します。約 5 分待ち、他の ID を繰り返し試さないでください。

このツールをフォークする場合も、これらの制限を維持してください。また、designmark.jp をミラーリングしたり、同サイトの LP デザインをデータセットとして再配布したりしないでください。制限のないクライアントはブロックされる可能性があります。

データについて

• LP デザイン（xd-…）は、日本語の公開ランディングページを独自に分析したものであり、designmark は掲載企業とは関係ありません。元のページのロゴ、写真、コピー、製品名は決して再利用せず、ご自身の素材を使用してください。
• パターンパック（pk-…）は、多数のデザインをもとに合成したもので、特定のページを記述するものではありません。CC BY 4.0 ライセンスで提供されています。クレジット表記の例：「designmark（XECIN Inc.）」。designmark.jp またはパターンパックコレクションでご覧いただけます。
• 元のページの権利者は、削除申請フォームから削除を申請できます。

プライバシー

テレメトリはありません。このツールが通信するのは https://designmark.jp のみで、User-Agent は designmark-cli/<version> または designmark-mcp/<version> です。他のウェブサイトと同様に、designmark.jp はリクエスト元の IP アドレスを記録する場合があります。

開発

npm ci
npm run lint
npm run typecheck
npm test     # a local fixture server stands in for designmark.jp
npm run build

v* タグがプッシュされると、GitHub Actions によって npm にリリースが公開されます（provenance を用いた信頼済み公開）。

designmark は XECIN Inc. が開発しています。AI を使ったランディングページの作成や、独自の DESIGN.md についてのサポートは、ご相談をご覧ください。

Issue やプルリクエストを歓迎します。CONTRIBUTING.mdをご覧ください。セキュリティ上の問題は、SECURITY.mdの説明に従って非公開でご報告ください。変更内容はCHANGELOG.mdに記載されています。

ライセンス

このリポジトリのコードは、MIT License © 2026 XECIN Inc. の下でライセンスされています。designmark.jp のデザインには designmark の利用規約が適用され、パターンパックは CC BY 4.0 で提供されています。