portaljs: エージェントによるアーキテクチャ・アドバイザリと Next.js スキャフォールディングを備えた、データポータル構築のための AI ネイティブ・フレームワーク

portaljs: エージェントによるアーキテクチャ・アドバイザリと Next.js スキャフォールディングを備えた、データポータル構築のための AI ネイティブ・フレームワーク

何を解決するか

PortalJS は、データポータル構築のための AI ネイティブ・フレームワークを提供します。データインフラストラクチャ(ストレージ、コンピューティング、カタログ化)の決定に伴う複雑さを排除し、フロントエンドをそのデータに接続する手作業をなくすことで、チームが独自のプラットフォームにロックインされることなく、ブリーフから動作するポータルまでを迅速に構築できるようにします。

仕組み

PortalJS は、Claude Code 専用に設計されたエージェント・スキル・フレームワークを使用して、ユーザーをアーキテクチャと構築プロセスへと導きます。主に以下の 3 つのコンポーネントで構成されています。

  1. Agentic Skills: スラッシュコマンド(例: /portaljs-architect, /portaljs-new-portal)のセットで、最適なインフラストラクチャ・スタックをアドバイスし、プレーンな Next.js コードをスキャフォールディングします。
  2. Three Surfaces: ホームページ、発見のためのカタログ、個々のデータセットを探索するためのショーケースからなる、標準化されたレイアウトです。
  3. DataProvider Contract: プラグ可能なバックエンド・システムで、フロントエンドのコードを変更することなく、静的ファイル、CKAN、OpenMetadata、または「オープン・レイクハウス」(Git + R2 + Parquet + DuckDB)の間でポータルを切り替えることができます。

対象ユーザー

データセットを共有・探索するための、プロフェッショナルでスケーラブルなデータポータルを構築する必要があるデータチームや組織。特に、オープンソース・ツールやサーバーレス・アーキテクチャ(Cloudflare R2/Workers など)を好むチームに適しています。

ハイライト

  • AI 駆動のアーキテクチャ: ユーザーの特定のデータニーズに基づいて、ストレージとコンピューティングのスタックを推奨するアドバイザー・スキルが含まれています。
  • ロックインなし: ユーザーが完全に所有できる、編集可能なプレーンな Next.js コードを生成します。
  • Open Lakehouse をデフォルトに: 従来の重量級のデータウェアハウスではなく、Parquet と DuckDB を使用したモダンでサーバーレスなスタックを推奨します。
  • プラグ可能なバックエンド: 単一の DataProvider Contract を介して、CKAN、GitHub、Frictionless Data Packages を含む幅広いソースをサポートします。
  • 広範なツール群: データセットの追加、チャート/マップの作成、スキーマの定義、および ArcGIS Hub や Socrata からのデータ移行のための専門化されたスキルを提供します。

Sources