Communityコーディング&開発github.com

RevelDigital/reveldigital-webapp-skill

フルスクリーンのRevel Digitalウェブアプリ(クライアントSDK、テーマ、アクセシビリティ)をスキャフォールドしてデプロイするためのClaudeスキルです。webapp-actionまたはRevel Digital MCPサーバーを介してCMSにデプロイします。

reveldigital-webapp-skill とは?

このスキルは、Revel Digitalプラットフォーム向けのフルスクリーンウェブアプリケーションを迅速にスキャフォールディングし、CMSにデプロイするためのClaudeスキルです。クライアントSDKの統合、テーマ設定、アクセシビリティ対応を自動化し、開発者が複雑なセットアップや設定に時間を費やすことなく、アプリケーションのコア機能に集中できるようにします。スキルは、webapp-action(GitHub Actionsなど)またはRevel Digital MCPサーバーの2つのデプロイ方法をサポートしており、ワークフローに応じて柔軟に選択できます。主な利点は、プロジェクトのひな形作成からデプロイまでの一連の流れを数分で完了できることで、特にRevel Digitalでのデジタルサイネージアプリ開発の生産性を大幅に向上させます。開発者は自然言語で指示を与えるだけで、スキルが必要なファイルや設定を生成し、CMSへのアップロードまでを実行します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add RevelDigital/reveldigital-webapp-skill

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

reveldigital-webapp-skill は何をしますか?

Claudeスキル: フルスクリーンのRevel Digitalウェブアプリ(クライアントSDK、テーマ、アクセシビリティ)をスキャフォールドしてデプロイします。webapp-actionまたはRevel Digital MCPサーバーを介してCMSにデプロイします。

概要

このスキルは、Revel Digitalプラットフォーム向けのウェブアプリケーションを迅速に開発・デプロイするためのClaudeスキルです。プロジェクトのスキャフォールディング、クライアントSDKの設定、テーマの適用、アクセシビリティの確保、そしてCMSへのデプロイを自動化します。

前提条件

  • Revel DigitalアカウントとAPIキー
  • Node.js (v18以上)
  • npm または yarn

使用方法

  1. Claudeにアプリの作成を依頼します(例:Revel Digitalのウェブアプリを作成して)。
  2. スキルがプロジェクトをスキャフォールドし、必要な依存関係をインストールします。
  3. アプリのテーマや設定をカスタマイズします。
  4. スキルがアプリをビルドし、CMSにデプロイします。

デプロイ方法

  • webapp-action: GitHub ActionsなどのCI/CDパイプラインで使用します。
  • Revel Digital MCPサーバー: ローカル環境から直接デプロイする場合に使用します。

設定

変数名説明必須
REVEL_API_KEYRevel Digital APIキーはい
REVEL_API_SECRETRevel Digital APIシークレットはい
REVEL_ENVIRONMENTターゲット環境(staging/production)いいえ

サポート

問題が発生した場合は、Revel Digitalドキュメントを参照するか、サポートまでお問い合わせください。

関連スキル