完全なデザイン指示
各エントリーでは、従来のページテンプレートではなく、配色、タイプスケール、モーションの挙動、セクション構成を含む、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サーバーは、ステートレスなStreamable HTTPエンドポイントを通じてsearch_designs、get_design、get_promptを提供します。Claude、ChatGPT、Claude CodeではOAuth 2.1を、Cursor、VS Code、Zed、Antigravity、Clineなどのエディターでは個人トークンヘッダーをサポートします。
MCP接続は読み取り専用です。デザインの検索やプロンプトの取得はできますが、アカウント、プラン、保存済みデザインなどのデータを変更することはできません。トークンはThanorの接続ページから取り消せます。
サイトの種類でデザイン指示を閲覧し、ビジュアルシステムを選び、完全なプロンプトをAIビルダーに渡して、新しいマーケティングサイトやプロダクトサイトの出発点にします。
カテゴリーとセクションを軸にしたカタログを使い、実装前に、Hero、SaaSページ、Agencyサイト、ポートフォリオ、Ecommerceページなど、特定のインターフェースの方向性を検討します。
デザイン指示を既存のClaude、ChatGPT、Cursor、Lovable、Bolt、v0のワークフローにコピーし、一般的な生成リクエストに頼るのではなく、配色、タイポグラフィ、モーション、構成に関する具体的なガイダンスを追加します。
プロンプトを個人プロジェクトやクライアントワークの基礎として使用し、その後、自身のサービスやプロジェクトの契約形態で成果物のWebサイトを公開します。ただし、プロンプト自体を独立したライブラリ、パック、コース配布資料として再販売することはできません。
Thanorは、AIで構築するWebサイト向けのデザイン指示ライブラリです。デザイン指示には、16進カラーの配色、タイプスケール、時間を指定した名前付きモーションカーブ、セクションごとの構成などが含まれます。デザインを開いてプロンプトをコピーし、Claude、ChatGPT、Cursor、Lovable、Bolt、v0など、対応するAIツールやコーディングツールに貼り付けて使用します。
アカウントなしでライブラリを閲覧でき、Freeと表示されたデザインはカード情報やトライアルなしでコピーできます。有料デザインのコピーには有効なプランが必要です。MCPサーバーは、サーバーが有効化された際に有料ユーザーが利用できますが、現在は料金ページでSoonと表示されています。
Webサイトのコピー機能では、デザインを開いて完全なプロンプトをコピーできます。MCPサーバーは、search_designs、get_design、get_promptの各ツールを提供します。検索と詳細情報の取得ではコピー回数を消費せず、完全なプロンプトの取得にはWebサイトと同じコピー上限が適用されます。
3か月プランは3か月ごとに89ドルで、1日3回まで有料プロンプトをコピーできます。年額プランは年間189ドルでコピー無制限、買い切りプランは一度299ドルを支払えば更新不要でコピー無制限です。すべてのプランで同じライブラリを利用でき、個人およびクライアントの仕事に対応し、優先サポートが含まれます。価格は米ドルです。
プロンプトを使って自分自身や有料クライアント向けの成果物を構築・公開できますが、プロンプト自体をライブラリ、パック、コース配布資料として再販売することはできません。サブスクリプションが終了しても、コピー済みのプロンプトは引き続き使用でき、ショートリストも保持されます。一方、有料デザインは利用できなくなり、アカウントは無料アクセスに戻ります。
Refero MCPは、MCP対応AIエージェントをReferoの厳選されたWebおよびiOSのUI/UX参考事例とユーザーフローに接続し、UI生成前の実践的なデザインリサーチを支援します。Refero Proで利用可能です。
Wowableは、Google MapsやSNSプロフィール、スクリーンショットなどの公開情報から、編集・プレビュー・公開できるAIサイトビルダーです。無料プレビューあり。
Pixsoは、ユーザーがワンクリックでデザイン草案とコードを生成できる次世代のAIネイティブUIデザインツールで、Figmaの国内代替品として機能します。
Frontyは、スクリーンショットや画像ファイルをHTMLとCSSに変換するAI搭載Webアプリです。ノーコードエディタとホスティングで、作成後の調整から公開まで対応します。
Appllamaは、収益上位のiOSアプリを集めたWebベースのUI/UXインスピレーションライブラリです。画面、フロー、課金画面、アプリのパフォーマンスデータを閲覧でき、Proプランで全機能と共同作業に対応します。
Quarkdownは、論文、プレゼンテーション、ナレッジベース、静的サイトを作成できるオープンソースのMarkdownベース組版システム。CLIでライブプレビュー、HTML出力、PDF書き出しに対応。