Claude Code/Codex用AI Agent向小红书・WeChat・Xiaohongshuに社交カード生成スキル、Editorial・Swiss両スタイル28版式対応
中辛 の解説
スタック: HTML + CSS Grid + Playwright + Node.js でローカル PNG 出力。難度: 中(Agent が指示を理解すれば自動化)。すぐ使える: npx skills add で Claude Code へワンコマンド導入、その後は「小紅書の 5 枚組図文をつくって」と日本語で指示するだけ。デモ: Editorial 6 色・Swiss 4 色の計 10 プリセット、M01-M16・S01-S12 の 28 版式テンプレートが即座に選べます。PNG 直出で Figma・Photoshop 不要です。
이런 레포예요
이럴 때 쓰면 좋아요
- 小紅書図文 3〜9 枚組を、記事や製品評を Editorial 叙述風・Swiss データ風で自動生成
- WeChat 公众号の 21:9 ヘッダー+1:1 シェアカードペアを視覚一貫で出力
- 旅行・ゲーム・美食ガイドの写真を Unsplash・Wallhaven から自動取得し満面レイアウト
- ユーザー動画を小紅書 5 秒・WeChat 3 秒 Live Photo に、単体・二宮格・三連拼図で組み込み
핵심 기능
대안 대비 차별점
テンプレート固定・自由色なし・Agent ルール準拠が特長。Canva・Figma では編集自由度が高く統一崩れやすい一方、本スキルは Agent が構造内で安全に変更でき、品質ぶれ少なく、Live Photo・図源自動取得・SOURCES.md 記録まで一括対応します。
食べた人たち
実際に使ってみた人の記録です — 一言も完走の記録も、確認のうえで公開しています。
このリポジトリの作り方
はじめてですか？ むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。
준비물
- Claude Code・Codex・Cursor など Agent ファイル操作権限
- Node.js(Playwright 実行用)
- git(クローン用)
すぐ動かしてみるNode.js (npm)
ギット飯がリポジトリの構成を確認して組み立てた実行コマンドです。ターミナルに貼り付ければ、取得から実行までまとめて進みます。
git clone --depth 1 https://github.com/op7418/guizang-social-card-skill.git && cd guizang-social-card-skill && npm install
실행 명령은 README를 확인하세요.
コードは自分の環境で動きます — はじめて見るリポジトリなら、中身にひととおり目を通してから実行するのがおすすめです。
README가 안내하는 자세한 단계 보기
- Skills CLI で guizang-social-card-skill をインストール
npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill
- または Claude Code に直接指示
https://github.com/op7418/guizang-social-card-skill を ~/.claude/skills/guizang-social-card-skill にクローンしてインストールしてください
- インストール完了後、Claude Code に指示
帮我基于这篇文章做一套瑞士风小红书图文,5 张,IKB 蓝。
- または手動クローン
git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill
- 更新時は該当ディレクトリで実行
cd ~/.claude/skills/guizang-social-card-skill && git pull
ギット飯トライで味見
入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。
ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。
npx gitbap-try op7418/guizang-social-card-skill
Node.js さえあれば、インストールなしで動きます · ギット飯トライとは？ →
スター推移 · 7日
使いやすさ · まねしやすいか
- ゆるいライセンス
- テストあり
- サンプル集
- 最近の更新
- AGENTS.md
- llms.txt
- テンプレート
最近の更新あり · 2026 年に作成
「AI 에이전트」 こういうリポジトリを毎週受け取りませんか？
毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。
自分のリポジトリですか？ README にギット飯バッジを貼る
[](https://www.gitbap.com/r/op7418/guizang-social-card-skill)Claude からそのまま使う — ギット飯のつなぎ方
ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。
Claude の設定 → コネクタにこのアドレスを貼り付け。
https://www.gitbap.com/api/mcpプラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI が README をもとに要約しました · 原文を見る