あなたが同時に、公開番号と小さな赤い本でコンテンツを更新する場合は、同じ問題に遭遇する必要があります：長いテキストが書かれているが、小さな赤い本に送信したいが、ほとんどそれを繰り返す必要があります。𝕏
直接スクリーンショット、サイズが小さすぎる;テキストのコピー、コンテンツを置くことができない;既製のテンプレートのセットは、独自のアカウントスタイルと一致しません。チュートリアル記事はより面倒で、重要なスクリーンショットが1つ少なく、読者は特定のステップで立ち往生する可能性があります。
最近、私は自分の小さな赤い本のレイアウトプロセスをコーデックススキルにまとめました。Punk XHSカード。
提供された人物写真（または既存のIP）、指定された人物のアクション、および長いMarkdownテキストに基づいて、個人IP付きの垂直ナレッジカードのセットを自動的に生成し、小さな赤い本のタイトル、本文、トピックタグ、最終的なZIPパッケージを出力し、すでに書かれたコンテンツを作成し、クロスプラットフォーム再利用を低コストで完了することができます。
なぜこのスキルを持つか。
私の小さな赤い本は、主に画像やヒントを送信し、コンテンツは長くはなく、整理して公開することができます。
その後、チュートリアルや長いテキストが増えていますが、ほとんど変更する必要はありませんが、小さな赤い本には、常に満足のいく方法を見つけることができません：フルテキストのスクリーンショットがはっきりしていない、テキストのコピーを置くことができない、再レイアウトが時間がかかります。𝕏
そこで、CodexにMarkdownを垂直HTMLに自動的に分割するよう依頼しました。当初は、“携帯電話の画面に長いテキストを配置する方法”という問題を解決し、テキストを自動的に複数の画像に分割し、サイズ、間隔、レイアウトを均一に保ちました。
どんどんやっていくうちに本当に反復的なのはタイポグラフィ以上のものだと気づきました
ほぼすべての記事に必要なもの：
- 小さな赤い本にふさわしいタイトルを再提案する。
- Markdownを複数のナレッジカードに自動的に分割します。
- キャラクター IPを確認し、カバーライターとして行動する。
- チュートリアルの重要なスクリーンショットを保存する。
- 表紙、本文、トピックタグの作成。
- テキストの切り捨て、画像の欠落、および人物の比率を確認します。
各プロセスはほぼ同じなので、ワークフローに統合することができます。
ちょうど私自身の個人的なIPも構築していたので、赤い帽子付きのパンクのイメージをデザインし、キャラクター、テーマカラー、タイポグラフィのルールをプロセス全体に統合し、最終的にそれを整理しました。 Punk XHSカード。
複数のプラットフォームを同時に運営するクリエイターにとって、同じコンテンツのサイズ変更やテンプレート変更だけではブランドアイデンティティを確立することは困難ですが、統一されたIPとビジュアルシステムを持つことで、異なるプラットフォームでも読者は一目でコンテンツを認識することができます。
最終的に、Skillの入力はMarkdownであり、出力はナレッジカード、直接パブリッシュ可能なコピー、そして最終的にはZIPパッケージのセットです。
どのように働くか。
Punk XHS Cardsは記事を受け取ってすぐにバッチでプロットするのではなく、3つの確認ノードを設定します。
- 人物の確認
- カードスタイル確認
- カバー確認済み
全行程は以下の通り。
上传人物照片或已有 IP 图
↓
确认人物名称、主题色、人物设定与卡片动作
↓
确认动作图、专属主色和正文样稿
↓
上传 Markdown 长文
↓
解析标题、正文结构和关键图片
↓
确认 IP 主题插图与 16:9 macOS 窗口封面
↓
生成从 01 开始编号的正文卡片、发布文案和 ZIP
これの最大の利点は、変更コストを最小限に抑えることです。
キャラクターの比率に問題があり、キャラクターだけが変更されます。テーマの色は満足できず、プロフィールのみが調整されます。表紙のレイアウトは変更する必要があり、12枚のボディカードを再生成する必要はありません。
表紙が承認されると、正式に全ページをレンダリングし始めます。カバーは主題、タイトル、著者および個人IPを表示する責任があり、本文番号には関与しません。 01 始めましょう。
誰もが自分のバージョンを持つことができる。
多くの人が私のプレゼンテーションを見て赤いテーマに気づくでしょう
赤は私のパンクプロフィールです。
Skillを初めて使用するとき、各ユーザーは自分の写真または既存のIPをアップロードし、以下を指定できます。
- 人物名の由来
- 人の動き
- ブランドテーマカラー
色が指定されていない場合、Skillは自動的にキャラクターの衣装やアクセサリーから候補色を抽出し、ユーザーが確認します。
例えば：
- Blue Vision Systemの略。
- オレンジ色のスカーフ→オレンジ色のカバー
- ブランドグリーン→全カード統一グリーン
キャラクターが視覚システムを決定し、テンプレートが一貫性を保ちます。
キャラクターアクションも自由に指定できます。
- 立って話す。
- コンテンツへのポインタ
- タブレットを持つ。
- ホワイトボードによるプレゼンテーション
- コンピュータを使用する。
動作確認後、人物プロフィールが書き込まれ、以降のすべての表紙と本文が一貫しています。人物は常に比例してレンダリングされ、レイアウトを埋めるためにストレッチや圧縮は行われません。
チュートリアルのスクリーンショットも本文の一部です
それがスキルを作る上で一番気になったことです。
多くの組版ツールはMarkdownテキストのみを扱い、画像を完全に破棄するか、機械的に均等に分割する。
意見記事にはほとんど影響しませんが、チュートリアルは全く異なります。
重要なスクリーンショットが1つないと、読者がプロセス全体を完了できなくなります。
したがって、Punk XHS CardsはMarkdown内の画像を読み込み、コンテキストと組み合わせてそれらがどのように機能するかを判断し、ステップ-スクリーンショット-完了ステータスマップを作成します。
優先予約は以下の通り。
- 操作画面のスクリーンショット
- 入力コンテンツの回路図
- 完了后の
- フローチャート、構造図
- 欠落後の理解に影響を与える重要な画像
装飾画像、重複表紙、アバター、無関係なロゴはボディスペースを占有しません。
チュートリアルに12枚または20枚のカードが必要な場合、Skillは自動的にページ数を増やし、スクリーンショットを圧縮したり、一定数のステップを削除したりすることはありません。
チュートリアルの最優先事項は常に読者がプロセス全体を完了できるようにする。
新しいカバーデザイン。
表紙は2層で作られた。
1階は Punk IP Article Illustrationsシングル Markdownコンテンツに基づいて記事のトピックに真に対応したイラストを生成することで、キャラクターは隣に立って装飾するのではなく、コンテンツ表現に参加します。
2番目のレイヤーはレンダラーがレイアウトを担当します。
- 人物プロフィールのテーマカラーを使用
- 上部に簡潔に中央に配置されたタイトル
- 中に細かいmacOSウィンドウがある
- 16 9の完全な図を保持
- 下部に著者名が表示される
作者名は、毎回再入力されるのではなく、キャラクター作成時に確認したキャラクター名から取られている。
タイトルと著者のテキストはレンダラーによって描画され、グラフィックモデルに依存しないため、タイプミスの問題はありません。フォントはmacOS、Windows、Linuxに応じて自動的に互換性スキームを選択します。
最終的に配達するもの。
デフォルトでは、記事は次のように生成されます。
- カバー 1枚。
- 9カードの本文
記事が長くなったり、チュートリアルのスクリーンショットが多い場合は、本文のページ数が自動的に増えます。
最終カタログは以下の通り。
<article-slug>-小红书/
├── source.md
├── cover-illustration.png
├── assets/article-images/
├── cards.json
├── publish-copy.md
├── output/
│ ├── cover.png
│ ├── card-01.png
│ └── ...
└── <article-slug>-小红书.zip
これらのうち publish-copy.md 内容は：
- 1つの推奨タイトル
- 3つの代替タイトル
- 直接公開できる小さな赤い本。
- 6~10の推奨トピック
すべての画像が生成されると、自動的にチェックされます：
- 文字が切り捨てられるかどうか
- 要素の重複
- 人の割合は正しい。
- チュートリアル手順が完了しているかどうか
- 重要なスクリーンショットの欠落
エラーがないことを確認したら、最終ZIPを作成します。
最近テストしたObsidianチュートリアルが完成しました。 表紙1枚、本文カード17枚、キースクリーンショット16枚。
インストール方法
プロジェクトはGitHubにオープンソース化された。
Codexで直接インストールできます。
git clone https://github.com/adrianpunk/punk-xhs-cards.git
cp -R punk-xhs-cards/punk-xhs-cards ~/.codex/skills/
Windows
git clone https://github.com/adrianpunk/punk-xhs-cards.git
Copy-Item -Recurse punk-xhs-cards\punk-xhs-cards "$HOME\.codex\skills\punk-xhs-cards"
py -3 -m pip install -r "$HOME\.codex\skills\punk-xhs-cards\requirements.txt"
macOSのSwiftとAppKitに依存しなくなり、Python + Pillowレンダラーを使用し、Windows、Linux、macOSはカードデータとレイアウトを共有し、Linuxだけが中国語フォント（Noto Sans CJK）を追加インストールする必要があります。
カバーステージ依存性 Punk IP Article Illustrationsシングルまず、スキルがインストールされていることを確認します。
その後、新しいCodexミッションで送信するだけです。
请使用 $punk-xhs-cards。
先根据我上传的照片建立个人 IP，
确认人物、卡片动作和视觉风格后，
再把我提供的 Markdown 做成小红书知识卡片。
最初に使用すると、Skillは次のことを確認します。
- 写真（または既存のIP）
- 人物名（カバー作家として）
- テーマカラー（Hex推奨）
- 人の動き
キャラクターとビジョンシステムが確認した後、長いテキストの処理を開始すると、全体のプロセスがスムーズになります。
現在の境界線
現在のバージョンにはいくつかの制限があります。
- Python + PillowはmacOS、Windows、Linuxの共通フォーマットをサポートしています。
- LinuxにはNoto Sans CJKが必要です。
- 動作環境は画像生成をサポートする必要がある。
- カバーイラストはPunk IP Article Illustrationsに依存します。
- 現在、中国語のチュートリアルと知識ベースの長いテキストに最適化されています。
- 最終的な結果は、人物写真、Markdown構造、元のスクリーンショットの品質に影響されます。
ユーザーの写真、プロフィール、投稿、および生成結果はすべて実行ディレクトリに保存され、Skillインストールディレクトリに書き込まれず、公開GitHubリポジトリにアップロードされません。
最後に、
最初に、私は非常に単純な問題を解決しようとしていました：より多くのチュートリアルや長いテキストを小さな赤い本に簡単に公開する方法。
その後、垂直HTMLから始まり、タイトル、表紙、本文、タグ、チュートリアルのスクリーンショット、キャラクター IP、ビジュアルシステムを段階的に補完し、最終的に今日のセットを形成しました。 Punk XHSカード。
マルチプラットフォームクリエイターにとって、最も残念なことは、多くの時間を費やして良いコンテンツを書いて、1つのプラットフォームに一度だけ現れ、ゆっくりと沈むことです。
Punk XHS Cardsがやろうとしていることはシンプルです。コンテンツ、個人的なIP、プラットフォーム全体で一貫したブランドアイデンティティを維持しながら、完成した長い記事を小さな赤い本に適した方法で再編成します。
また、定期的にコンテンツを同期している場合は、過去に書かれたチュートリアルを見つけて、完全に実行して、どれだけの重複作業を節約できるかを確認することができます。𝕏
プロジェクトの住所：