Communitygithub.com

Air-0000/multi-modal-suite-skill

多機能スキルスイート:デザイン草案のコード化、OCR認識、音声要約、動画編集、PPT生成。デザイン草案からフロントエンドコードをAI生成可能。

multi-modal-suite-skill とは?

このスキルは、複数のマルチモーダル機能を統合したスイートです。主な機能として、デザイン草案(Figmaなど)からフロントエンドコード(HTML/CSS/JS)を自動生成する「Design-to-Code」、画像からのテキスト認識を行うOCR、音声ファイルの内容をテキスト要約する機能、動画のトリミングやエフェクト追加などの編集機能、さらにスライド資料の自動生成(PPT)を備えています。開発者はこのスキルを利用することで、AIエージェント(Claude Code、Cursorなど)上で、UIデザインのコード化や文書のデジタル化、メディアコンテンツの編集を自然言語指示で行えるようになります。各機能は独立したモジュールとして提供され、必要に応じて組み合わせて使用できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add Air-0000/multi-modal-suite-skill

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

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

ドキュメント

multi-modal-suite-skill は何をしますか?

マルチモーダルスキルスイート:デザイン草案のコード化、OCR認識、音声要約、動画編集、PPT生成。デザイン草案からフロントエンドコードをAI生成可能。

機能一覧

  • デザイン → コード:Figmaなどのデザイン草案やスクリーンショットから、HTML/CSS/JavaScriptコードを自動生成。
  • OCR認識:画像内のテキストを抽出し、構造化データとして出力。
  • 音声要約:音声ファイル(MP3、WAVなど)から文字起こしし、AIで要約。
  • 動画編集:動画のトリミング、結合、フィルター適用などの基本編集。
  • PPT生成:テキストや画像からPowerPoint資料を自動生成。

対応プラットフォーム

  • Claude Code
  • Cursor
  • Codex
  • その他AIエージェントツール

使用方法

# 例:デザイン草案からコードを生成
$ ai generate-code from-design ./design.png --output ./output
# 例:画像からテキストを抽出(OCR)
$ ai ocr extract ./image.jpg

注意事項

  • 各機能の利用には、対応するAPIキー(OpenAI、Anthropic、Microsoft Azure等)が必要な場合があります。
  • 生成されたコードや資料は、必要に応じて手動調整してください。

関連スキル