ascii-cli-logo-banner-figletjs について
FIGletまたはTAAG風のCLIバナーを作成するスキルです。フォント、レイアウト、幅、任意の色設定を指定し、コピー可能なテキストとプレーンテキストのフォールバックを用意します。
主な機能
- 01FIGfontによるバナー描画
- 02横方向と縦方向のレイアウト指定
- 03フォント、幅、コンパクトモードの選択
- 04ANSI256によるロゴ着色の指定
- 05プレーンテキストと色なしフォールバックの出力
活用シーン
- 01FIGlet風のCLI起動バナーの作成
- 02幅の狭い端末に合わせたレイアウト調整
- 03プレーンテキスト版を伴うカラー出力の準備
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ full-stack-skills/ ascii-skills --skill ascii-cli-logo-banner-figletjsインストール後、Claude Code で/ascii-cli-logo-banner-figletjsを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
LICENSE.txtagents/openai.yamlexamples/color-ansi256.mdtaag-figlet.mdscripts/figlet_banner.mjs詳細
このスキルを使用するタイミング
重要なトリガールール
- ユーザーがスキル名
ascii-cli-logo-banner-figletjsを正確に明示した場合にのみ、このスキルを使用してください。
トリガーフレーズの例:
- "ascii-cli-logo-banner-figletjs"
- "use ascii-cli-logo-banner-figletjs"
- "用 ascii-cli-logo-banner-figletjs 生成 TAAG/FIGlet 大字"
- "使用 ascii-cli-logo-banner-figletjs 调 horizontalLayout/verticalLayout"
境界
- コピーして貼り付けられるテキストとレイアウトルールのみを出力してください。プロジェクトコードは変更しないでください。
- FIGlet/TAAG のスタイルは、FIGfont(.flf)のレンダリングとレイアウトの「smushing/kerning」オプションによって決まります。
- ANSI カラーは任意ですが、配置を崩してはなりません(スペースには色を付けません)。
- 依存関係に関する注意:Node のインターフェースとして
figletnpm パッケージが一般的に使われており、その基盤にはfiglet.jsが使われています。
このスキルの使用方法
入力(推奨)
- brand(必須)
- width(デフォルトは 80。
< 60の場合はコンパクトモードを使用) - font(デフォルトは Standard)
- horizontalLayout(デフォルト | full | fitted | controlled smushing | universal smushing)
- verticalLayout(デフォルト | full | fitted | controlled smushing | universal smushing)
- whitespaceBreak(true|false、デフォルトは true)
- slogan/hint(任意;ロゴの下に中央揃えで配置する行)
- center(デフォルトは true)
- rule(デフォルトは true。ヒーロー出力では false に設定)
- version/repo/docs/author(任意;
rule=trueの場合にのみ使用) - colorMode(none | ansi256、デフォルトは none;ロゴのみ)
- colorStart/colorEnd(0-255、デフォルトは 33/129;
colorMode=ansi256の場合のみ)
出力(必須)
- bannerPlain:バナーのテキスト(カラーなし)
- coloredText:
colorMode=ansi256の場合、色付きロゴ出力を指定 - plainTextFallback:カラー付きの場合、カラーなしのフォールバックも指定(同じレイアウト)
スクリプト
scripts/figlet_banner.mjs
例
examples/taag-figlet.mdexamples/color-ansi256.md
品質チェックリスト
- レイアウトオプションが適用されている(横方向/縦方向のレイアウト)
- 80 列の出力が折り返されず、末尾にスペースがない
- カラーモードによって配置が崩れない(スペースには色を付けない)
- シークレット(トークン、内部 URL、個人データ)を絶対に出力しない
キーワード
英語: ascii-cli-logo-banner-figletjs, figlet, figlet.js, FIGfont, taag, ascii, banner, smushing, kerning, ansi256 中国語: ascii-cli-logo-banner-figletjs, FIGlet の大きな文字, TAAG, FIGfont フォント, 横方向のレイアウト, 縦方向のレイアウト, ANSI256 の着色
よくある落とし穴(Gotchas)
- バージョンの互換性:フレームワークのバージョンと依存ライブラリの互換性に注意してください。バージョンによって API が異なる場合があります
- 設定ファイルの形式:設定ファイルの形式エラーは最もよくある問題です。エディターの構文チェックを使用することをおすすめします
- 環境変数:必要な環境変数がすべて正しく設定されていることを確認し、機密情報をハードコードしないでください
- 依存関係の競合:複数のバージョンが共存する場合は依存関係の競合に注意し、lock ファイルを使用してバージョンを固定してください
- パフォーマンスの落とし穴:大量のデータを扱う場合はパフォーマンスの最適化に注意し、N+1 クエリなどのよくある問題を避けてください
使用手順
Step 1: 環境の準備
開発環境に必要な依存関係とツールがインストールされていることを確認してください。
Step 2: 初期設定
プロジェクトの要件に応じて基本設定を行います。
Step 3: コア機能の使用
サンプルコードに従ってコア機能を実装します。
Step 4: テストと検証
テストを実行して、機能が正常に動作することを確認します。
Step 5: デプロイ
開発完了後、デプロイとモニタリングを行います。
コメント
Markdown 対応