helloianneo/ian-xhs-carousel

これは何？

主な機能

• 01ページをレンダリングする前に、確認用のストーリーボードを生成します。
• 021080×1440のPNGページと一覧画像を出力します。
• 03ライトテーマとダークテーマで使える20種類のテンプレートを提供します。
• 04テキストや画像を手動で変更できる、編集可能なHTMLソースを出力します。
• 05Claude CodeのSkillフォルダーとしてインストールできます。

ユースケース

• ブログ記事や事例を、複数ページの小紅書画像投稿に変換する。
• スクリーンショットや手順、ビフォー・アフター比較を統一感のあるビジュアルで見せる。
• コードやプロンプトのスニペットをカルーセルスライドにした、技術・プロダクト関連のコンテンツを作成する。

クイックスタート

1. 1

   リポジトリをクローンする

   git clone https://github.com/helloianneo/ian-xhs-carousel.git
2. 2

   Claude Code のスキルフォルダーを作成する

   mkdir -p ~/.claude/skills
3. 3

   スキルフォルダーを Claude Code にコピーする

   cp -R ./ian-xhs-carousel/ian-xhs-carousel ~/.claude/skills/
4. 4

   レンダリングツールをインストールする（その後、playwright install chromium を実行）

   pip install playwright pillow

使う前に知っておきたいこと

• !Claude で最適に動作するよう設計されており、スタンドアロンアプリではなく Claude Code Skill です。
• !レンダリング時に英語フォントとコード用フォントをオンラインでダウンロードするため、ネットワーク接続が必要です。
• !すっきりとしたプロダクトインターフェースのスタイルにのみ適しており、手描き風、イラスト風、ポスター風のデザインには向いていません。

トピック

よくある質問

ian-xhs-carousel とは？

記事や事例、メモを、20種類のレイアウトテンプレートで3:4の小紅書風カルーセル（1080×1440のPNGページ）に変換するClaude Code Skillです。 Ian XHS Carouselは、文章をすっきりとしたプロダクトUI風の小紅書（RedNote）画像投稿に変換する、Claude Code向けのAI Skillです。コンテンツを渡すと、まず確認用のストーリーボードを作成し、その後ページをレイアウトしてレンダリングします。

ian-xhs-carousel は無料で使えますか？ライセンスは？

ian-xhs-carousel は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

ian-xhs-carousel は今もメンテナンスされていますか？

活発にメンテナンス中。ian-xhs-carousel の最終コミットは 2026年10月21日 です。

ian-xhs-carousel は何に使えますか？

ブログ記事や事例を、複数ページの小紅書画像投稿に変換する。 スクリーンショットや手順、ビフォー・アフター比較を統一感のあるビジュアルで見せる。 コードやプロンプトのスニペットをカルーセルスライドにした、技術・プロダクト関連のコンテンツを作成する。

ian-xhs-carousel のインストール方法は？

リポジトリをクローンする: git clone https://github.com/helloianneo/ian-xhs-carousel.git Claude Code のスキルフォルダーを作成する: mkdir -p ~/.claude/skills スキルフォルダーを Claude Code にコピーする: cp -R ./ian-xhs-carousel/ian-xhs-carousel ~/.claude/skills/ レンダリングツールをインストールする（その後、playwright install chromium を実行）: pip install playwright pillow

ian-xhs-carousel はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/helloianneo/ian-xhs-carousel