Shakespeare — AI駆動のNostrウェブサイトビルダー

Web

概要

Shakespeareは「AIによるNostrサイト作成」をコンセプトにしたフロントエンド中心のプロジェクトです。READMEにある通り、自然言語で指示を与えるとAIがサイトの設計やコードを生成し、ドラッグ&ドロップで画像等のファイルを添付、ライブプレビューで即時確認、内蔵のコードエディタで微調整してから公開できるワークフローを提供します。バックエンドとしてはNostrプロトコル(分散型メッセージング・公開フロー)との連携が想定され、公開や共有のためのイベント送信が行える作りになっています。TypeScriptで書かれており、開発用の.env.exampleやCI設定が含まれているため、開発者がローカルでビルド・デプロイしやすい構成です(約300字)。

GitHub

リポジトリの統計情報

  • スター数: 6
  • フォーク数: 0
  • ウォッチャー数: 6
  • コミット数: 30
  • ファイル数: 24
  • メインの言語: TypeScript

主な特徴

  • 自然言語でサイトを設計できるAIチャットインターフェース
  • ファイル添付(ドラッグ&ドロップ、画像貼り付け)対応
  • ライブプレビューで編集結果を即時確認
  • 組み込みのコードエディタで直接コードを編集・保存し、Nostr経由で公開可能

技術的なポイント

Shakespeareはフロントエンド主導のTypeScriptプロジェクトとして設計されており、開発者体験(DX)とユーザーの直感的操作性に重きを置いています。AI連携部分は「自然言語→サイト設計→コード生成」という流れを担い、ユーザーのプロンプトを受けてHTML/CSS/JSのスケルトンやコンポーネントを生成するワークフローが中核です。生成されたアセットはクライアント側で扱える形に変換され、ライブプレビューはブラウザ内レンダリング(iframeやインメモリバンドル)によって即時反映される設計が想定されます。ファイル添付機能はドラッグ&ドロップやクリップボード貼り付けをサポートしており、画像やその他アセットをページに組み込む作業を簡素化します。

公開フローはNostrプロトコルと連携する点が最大の特徴です。Nostrは分散型のイベント配信基盤であり、Shakespeareは生成したウェブページやメタデータをNostrのイベントとして発行することで、分散環境下での公開・共有を可能にします。これにより中央サーバに依存しない発信が可能で、ユーザーは自分の鍵で署名して公開する運用が想定されます。

開発面ではTypeScript採用により型安全で拡張しやすく、.env.exampleやCI設定(.gitlab-ci.yml)を含むため継続的インテグレーションや自動デプロイのパイプラインが構築しやすい状態です。コードエディタはシンタックスハイライトやファイルツリーを備えた実装が期待され、編集後の差分をAIに再評価させることで反復的に洗練していける仕組みを取ることができます。セキュリティ面では、公開前に鍵管理やアップロード制限、生成コンテンツのサニタイズなどを検討する必要があります。総じて、ShakespeareはAIの生成能力と分散公開の利点を組み合わせ、クリエイティブなサイト制作を手早く行えるツールとして位置づけられます(約700〜1200字の観点で技術的に掘り下げ)。

プロジェクトの構成

主要なファイルとディレクトリ:

  • .env.example: file(環境変数テンプレート)
  • .github: dir(GitHub Actions等の設定が入る可能性)
  • .gitignore: file
  • .gitlab-ci.yml: file(CI/CD設定)
  • .mcp.json: file(メタデータやパッケージ設定の補助)
  • README.md: file(プロジェクト概要と使い方)
  • src/: dir(TypeScriptソースコード、UI/ロジック)
  • public/ または static/: dir(静的アセット、バッジ等)
  • package.json / pnpm-lock.yaml / tsconfig.json(依存・ビルド設定) …他 19 ファイル

リポジトリには環境変数の例やCI設定が含まれており、ローカルでの開発や継続的デリバリーの導入が容易です。src配下にUIコンポーネント、AI連携ロジック、Nostrイベント送信モジュールなどがまとまっている想定で、モジュール分割による拡張がしやすい構成です。

まとめ

AIとNostrを組み合わせた先進的なウェブサイト作成ツール。開発・公開の導線が整っており拡張性も高い。 (約50字)

リポジトリ情報:

READMEの抜粋:

Shakespeare 🎭

Edit with Shakespeare

AI-powered Nostr website builder. Describe what you want to build, and AI helps you create it.

https://shakespeare.diy

Features

  • AI Chat: Build websites through natural conversation
  • File Attachments: Drag & drop files or paste images
  • Live Preview: See changes in real-time
  • Code Editor: Edit files with syntax…