Thanor icon

Thanor

Thanorは、AIツールで構築するWebサイト向けのデザイン指示ライブラリです。配色、タイポグラフィ、モーション、ページ構成を網羅し、Claude、ChatGPT、Cursor、Lovable、Bolt、v0への指示を具体化します。

Thanor

AI向けWebサイトデザイン指示

Thanorは、AIツールで構築するWebサイト向けのデザイン指示ライブラリです。編集可能なテンプレートを提供するのではなく、各デザインの完全なビジュアルディレクションを記録しており、16進カラーの配色、タイプスケール、実際の時間を指定したモーションカーブ、セクションごとの構成などが含まれます。

一般的なワークフローでは、カタログを閲覧または絞り込み、デザインを開いて完全なプロンプトをコピーし、Claude、ChatGPT、Cursor、Lovable、Bolt、v0などのアシスタントやコーディングツールに貼り付けます。Thanorでは、対応するアシスタントやエディター内から指示を取得するためのMCPサーバーについても説明していますが、現在、料金ページではそのサーバーをSoonと表示しています。

機能

完全なデザイン指示

各エントリーでは、従来のページテンプレートではなく、配色、タイプスケール、モーションの挙動、セクション構成を含む、Webサイト全体のアートディレクションを説明しています。

絞り込み可能なデザインライブラリ

Hero、Landing page、SaaS、Agency、Creative、Portfolio、Technology、Ecommerceなどのカテゴリーで閲覧・絞り込みができ、ライブラリではPopularとNewのビューも利用できます。

完全なプロンプトを使うワークフロー

デザイン指示を開き、完全なプロンプトをコピーしてClaude、ChatGPT、Cursor、Lovable、Bolt、v0で使用できます。コピーしたプロンプトは、AIでWebサイトを構築するワークフローにデザインのコンテキストを提供することを目的としています。

継続的に拡充されるカタログ

ライブラリには毎週新しいデザイン指示が追加され、新しく追加された作品は先頭に表示されます。プロンプトが完成していないデザインにはSoonと表示され、コピーできません。

アシスタントとエディター向けMCPアクセス

MCPサーバーは、ステートレスなStreamable HTTPエンドポイントを通じてsearch_designs、get_design、get_promptを提供します。Claude、ChatGPT、Claude CodeではOAuth 2.1を、Cursor、VS Code、Zed、Antigravity、Clineなどのエディターでは個人トークンヘッダーをサポートします。

管理された連携

MCP接続は読み取り専用です。デザインの検索やプロンプトの取得はできますが、アカウント、プラン、保存済みデザインなどのデータを変更することはできません。トークンはThanorの接続ページから取り消せます。

ユースケース

  • AIで構築するWebサイトを始める

    サイトの種類でデザイン指示を閲覧し、ビジュアルシステムを選び、完全なプロンプトをAIビルダーに渡して、新しいマーケティングサイトやプロダクトサイトの出発点にします。

  • デザインの方向性を検討する

    カテゴリーとセクションを軸にしたカタログを使い、実装前に、Hero、SaaSページ、Agencyサイト、ポートフォリオ、Ecommerceページなど、特定のインターフェースの方向性を検討します。

  • 生成にデザイン上の制約を加える

    デザイン指示を既存のClaude、ChatGPT、Cursor、Lovable、Bolt、v0のワークフローにコピーし、一般的な生成リクエストに頼るのではなく、配色、タイポグラフィ、モーション、構成に関する具体的なガイダンスを追加します。

  • 個人またはクライアントのプロジェクトを納品する

    プロンプトを個人プロジェクトやクライアントワークの基礎として使用し、その後、自身のサービスやプロジェクトの契約形態で成果物のWebサイトを公開します。ただし、プロンプト自体を独立したライブラリ、パック、コース配布資料として再販売することはできません。

Pros and Cons

Pros

  • ビジュアルテンプレートにとどまらず、配色、タイポグラフィ、モーション、ページ構成をカバーした構造化されたデザインガイダンスを提供します。
  • 同じ完全なライブラリを3つの有料プランすべてで利用でき、プランごとに分割されていません。
  • 個人およびクライアントの仕事に対応し、コピー済みのプロンプトと完成した成果物は解約後も使用できます。
  • Webベースのコピー機能に加え、MCPを通じてアシスタントやエディターからアクセスするための文書化された方法を提供しています。
  • カタログは実用的なWebサイトカテゴリーで整理され、毎週新しいデザイン指示が追加されます。

Cons

  • 3か月プランでは、有料プロンプトのコピーが1日3回までに制限され、毎日UTC午前0時にリセットされます。閲覧、絞り込み、プレビュー、ショートリストへの追加ではこの上限を消費しません。
  • MCPサーバーについては説明されていますが、料金ページによるとまだ利用できないため、現時点で確認できる選択肢は直接コピーして貼り付けるワークフローです。
  • ライブラリのサブスクリプションによって有料デザインへのアクセスが管理されますが、コピー済みのプロンプトはプラン終了後も引き続き使用できます。

FAQ

Thanorは何を提供しますか?

Thanorは、AIで構築するWebサイト向けのデザイン指示ライブラリです。デザイン指示には、16進カラーの配色、タイプスケール、時間を指定した名前付きモーションカーブ、セクションごとの構成などが含まれます。デザインを開いてプロンプトをコピーし、Claude、ChatGPT、Cursor、Lovable、Bolt、v0など、対応するAIツールやコーディングツールに貼り付けて使用します。

デザイン指示にはどのようにアクセスして使用しますか?

アカウントなしでライブラリを閲覧でき、Freeと表示されたデザインはカード情報やトライアルなしでコピーできます。有料デザインのコピーには有効なプランが必要です。MCPサーバーは、サーバーが有効化された際に有料ユーザーが利用できますが、現在は料金ページでSoonと表示されています。

Thanorはエディターやアシスタントから利用できますか?

Webサイトのコピー機能では、デザインを開いて完全なプロンプトをコピーできます。MCPサーバーは、search_designs、get_design、get_promptの各ツールを提供します。検索と詳細情報の取得ではコピー回数を消費せず、完全なプロンプトの取得にはWebサイトと同じコピー上限が適用されます。

どのようなプランがありますか?

3か月プランは3か月ごとに89ドルで、1日3回まで有料プロンプトをコピーできます。年額プランは年間189ドルでコピー無制限、買い切りプランは一度299ドルを支払えば更新不要でコピー無制限です。すべてのプランで同じライブラリを利用でき、個人およびクライアントの仕事に対応し、優先サポートが含まれます。価格は米ドルです。

クライアントの仕事に出力を使用できますか?また、解約後はどうなりますか?

プロンプトを使って自分自身や有料クライアント向けの成果物を構築・公開できますが、プロンプト自体をライブラリ、パック、コース配布資料として再販売することはできません。サブスクリプションが終了しても、コピー済みのプロンプトは引き続き使用でき、ショートリストも保持されます。一方、有料デザインは利用できなくなり、アカウントは無料アクセスに戻ります。

Quick Facts

カテゴリー
AI向けWebサイトデザインライブラリ
主なワークフロー
完全なデザインプロンプトをAIツールまたはコーディングツールにコピー
記載されているWebサイトツール
Claude、ChatGPT、Cursor、Lovable、Bolt、v0
有料プラン
3か月ごとに89ドル、年額189ドル、または一度299ドル
短期プランの上限
3か月プランでは有料プロンプトを1日3回までコピー可能
MCPのステータス
文書化済みで、料金ページではSoonと表示