コードを画像に変換
指示
上級フロントエンド開発者として、コンテンツ内のすべてのコードスニペットをハイライト画像に変換する必要があります。すべてのコードスニペットを抽出することが非常に重要です。Markdownのバッククォート（``）構文で厳密に囲まれたコードは、単一のスニペットとして扱われることに注意してください。JSXコードには特に注意を払ってください。ハイライト表示のために、JS構文はJSX構文として扱われます。
配色：メインの背景色にはダークグレーを使用し、コードブロックには暗い背景に色付きのコードハイライト（シアンとブライトグリーンが主要な強調色）を使用します。
レイアウト：コードブロックはターミナル／コードエディタの外観を模倣していますが、コードエディタ上部のボタンは削除され、コードのみが表示されます。各カードには、上下に15ピクセル、左右に25ピクセルのパディングが設定されています。
技術的な実装: レイアウトとスタイルは HTML5 と CSS を使用して実装されています (コード ブロックは色で強調表示する必要があります)。dom-to-image-more 機能が統合されています。dom-to-image-more スクリプトのアドレスは https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js で、カードの下にあるボタンからシングル カードの画像をダウンロードしたり (高解像度の画像が必要です)、ワンクリックですべての画像をダウンロードしたりできます (クリック後、1 秒待ってから画像を 1 つずつダウンロードします)。コードに不要なバッククォート (`\`) を追加しないでください。エラーの原因となる可能性があります。
これを実装する際は、以下の点にご注意ください。表紙カードはシンプルにしてください。アイコンには擬似要素を使用せず、SVGを直接使用してください。ダウンロードする画像は高解像度で、スケールは2にしてください。画像には連番で番号を付けてください。
説明
このスキルをおすすめする理由
このスキルはコードを美しいハイライト画像に変換し、ターミナルインターフェースを模倣し、高画質ダウンロードをサポートします。開発者がコードスニペットを共有するための理想的なツールです。
記事内のすべてのコードを画像に変換し、ワンクリックでダウンロード
関連スキル
すべて表示
画像記事コンテンツ一括イラスト生成神ツール2.0
これはコンテンツクリエイター向けに開発されたスマートなビジュアル強化ツールで、文章の流れを深く理解し、記事の重要な段落に対して高品質なイラストを自動生成します。コンテンツが個人のナレッジベースにある場合でも、外部から取り込んだ長文記事を処理する場合でも、核となる概念を正確に認識し、抽象的な文章を具体的なビジュアル表現に変換することで、コンテンツの読みやすさと拡散力を大幅に向上させます。 このツールは、さまざまな制作シーンに合わせた3つのユニークなビジュアルスタイルを提供します。清々しく活気のあるシンプルな手描き風はエッセイや科学解説に最適です。厳密でプロフェッショナルな建築設計図風は、技術文書や調査レポートに理想的な選択肢です。また、モダンなフラットイラスト風は、ソーシャルメディアや知識ノートの美的感覚に完璧にマッチします。長いコンテンツに対しては、視覚的な配置が合理的で重点が強調されるよう、インテリジェントにイラストの配置を提案します。 生成プロセスでは、画像の出力方法を柔軟に選択できます。生成された美しいイラストを元のドキュメントの段落に直接シームレスに埋め込み、レイアウトを自動化することもできます。また、独立した画像リソースパックを取得して手動で配布することも可能です。コンテンツ解析からビジュアル生成までの一連のプロセスを連携させることで、文章表現のインパクトが高まり、複雑なポイントも一目で理解できるようになります。
画像プログラマー漫画ジェネレーター
技術テーマを1つ伝えるだけで、すぐに公開できるプログラマー漫画を複数生成します。「テーマ、何枚作るか、1枚あたり何コマか」を伝えるだけで、独立したストーリーを複数作成。異なるエラー、異なる不条理な比喩、異なるオチがあり、コラージュでも、タイトルだけを変えた繰り返しでもありません。3・4・6・8コマに対応。デフォルトでは同じ主人公の連載形式ですが、毎回キャラクターを変えることもできます。コードや社内スクリーンショットをアップロードする必要はなく、匿名化した職場の一場面を一言残すだけで使えます。
長文を月刊誌に変換
コピーを図解付きの完全な中国語の実用的な記事に変換します。詳細な記事を生成し、記事構造を分析してExcalidrawスタイルのアーキテクチャ図、比較図、フローチャートを挿入し、最終的にそのまま公開可能な完全な図解文書を出力します。
コードを画像に変換
指示
上級フロントエンド開発者として、コンテンツ内のすべてのコードスニペットをハイライト画像に変換する必要があります。すべてのコードスニペットを抽出することが非常に重要です。Markdownのバッククォート（``）構文で厳密に囲まれたコードは、単一のスニペットとして扱われることに注意してください。JSXコードには特に注意を払ってください。ハイライト表示のために、JS構文はJSX構文として扱われます。
配色：メインの背景色にはダークグレーを使用し、コードブロックには暗い背景に色付きのコードハイライト（シアンとブライトグリーンが主要な強調色）を使用します。
レイアウト：コードブロックはターミナル／コードエディタの外観を模倣していますが、コードエディタ上部のボタンは削除され、コードのみが表示されます。各カードには、上下に15ピクセル、左右に25ピクセルのパディングが設定されています。
技術的な実装: レイアウトとスタイルは HTML5 と CSS を使用して実装されています (コード ブロックは色で強調表示する必要があります)。dom-to-image-more 機能が統合されています。dom-to-image-more スクリプトのアドレスは https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js で、カードの下にあるボタンからシングル カードの画像をダウンロードしたり (高解像度の画像が必要です)、ワンクリックですべての画像をダウンロードしたりできます (クリック後、1 秒待ってから画像を 1 つずつダウンロードします)。コードに不要なバッククォート (`\`) を追加しないでください。エラーの原因となる可能性があります。
これを実装する際は、以下の点にご注意ください。表紙カードはシンプルにしてください。アイコンには擬似要素を使用せず、SVGを直接使用してください。ダウンロードする画像は高解像度で、スケールは2にしてください。画像には連番で番号を付けてください。
説明
このスキルをおすすめする理由
このスキルはコードを美しいハイライト画像に変換し、ターミナルインターフェースを模倣し、高画質ダウンロードをサポートします。開発者がコードスニペットを共有するための理想的なツールです。
記事内のすべてのコードを画像に変換し、ワンクリックでダウンロード
関連スキル
すべて表示画像記事コンテンツ一括イラスト生成神ツール2.0
これはコンテンツクリエイター向けに開発されたスマートなビジュアル強化ツールで、文章の流れを深く理解し、記事の重要な段落に対して高品質なイラストを自動生成します。コンテンツが個人のナレッジベースにある場合でも、外部から取り込んだ長文記事を処理する場合でも、核となる概念を正確に認識し、抽象的な文章を具体的なビジュアル表現に変換することで、コンテンツの読みやすさと拡散力を大幅に向上させます。 このツールは、さまざまな制作シーンに合わせた3つのユニークなビジュアルスタイルを提供します。清々しく活気のあるシンプルな手描き風はエッセイや科学解説に最適です。厳密でプロフェッショナルな建築設計図風は、技術文書や調査レポートに理想的な選択肢です。また、モダンなフラットイラスト風は、ソーシャルメディアや知識ノートの美的感覚に完璧にマッチします。長いコンテンツに対しては、視覚的な配置が合理的で重点が強調されるよう、インテリジェントにイラストの配置を提案します。 生成プロセスでは、画像の出力方法を柔軟に選択できます。生成された美しいイラストを元のドキュメントの段落に直接シームレスに埋め込み、レイアウトを自動化することもできます。また、独立した画像リソースパックを取得して手動で配布することも可能です。コンテンツ解析からビジュアル生成までの一連のプロセスを連携させることで、文章表現のインパクトが高まり、複雑なポイントも一目で理解できるようになります。
画像プログラマー漫画ジェネレーター
技術テーマを1つ伝えるだけで、すぐに公開できるプログラマー漫画を複数生成します。「テーマ、何枚作るか、1枚あたり何コマか」を伝えるだけで、独立したストーリーを複数作成。異なるエラー、異なる不条理な比喩、異なるオチがあり、コラージュでも、タイトルだけを変えた繰り返しでもありません。3・4・6・8コマに対応。デフォルトでは同じ主人公の連載形式ですが、毎回キャラクターを変えることもできます。コードや社内スクリーンショットをアップロードする必要はなく、匿名化した職場の一場面を一言残すだけで使えます。
長文を月刊誌に変換
コピーを図解付きの完全な中国語の実用的な記事に変換します。詳細な記事を生成し、記事構造を分析してExcalidrawスタイルのアーキテクチャ図、比較図、フローチャートを挿入し、最終的にそのまま公開可能な完全な図解文書を出力します。
次のお気に入りスキルを見つけよう
リサーチ、制作、日々の作業に役立つ厳選AIスキルをさらに探しましょう。