mcpField
A
ascii-cli-logo-banner-figletjs

ascii-cli-logo-banner-figletjs

github.com/full-stack-skillsクリエイティブ・メディア577 回インストール4 週間前に更新
リポジトリ

ascii-cli-logo-banner-figletjs について

FIGletまたはTAAG風のCLIバナーを作成するスキルです。フォント、レイアウト、幅、任意の色設定を指定し、コピー可能なテキストとプレーンテキストのフォールバックを用意します。

主な機能

  1. 01FIGfontによるバナー描画
  2. 02横方向と縦方向のレイアウト指定
  3. 03フォント、幅、コンパクトモードの選択
  4. 04ANSI256によるロゴ着色の指定
  5. 05プレーンテキストと色なしフォールバックの出力

活用シーン

  1. 01FIGlet風のCLI起動バナーの作成
  2. 02幅の狭い端末に合わせたレイアウト調整
  3. 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.txt
agents/
openai.yaml
examples/
color-ansi256.md
taag-figlet.md
scripts/
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 のインターフェースとして figlet npm パッケージが一般的に使われており、その基盤には 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.md
  • examples/color-ansi256.md

品質チェックリスト

  1. レイアウトオプションが適用されている(横方向/縦方向のレイアウト)
  2. 80 列の出力が折り返されず、末尾にスペースがない
  3. カラーモードによって配置が崩れない(スペースには色を付けない)
  4. シークレット(トークン、内部 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)

  1. バージョンの互換性:フレームワークのバージョンと依存ライブラリの互換性に注意してください。バージョンによって API が異なる場合があります
  2. 設定ファイルの形式:設定ファイルの形式エラーは最もよくある問題です。エディターの構文チェックを使用することをおすすめします
  3. 環境変数:必要な環境変数がすべて正しく設定されていることを確認し、機密情報をハードコードしないでください
  4. 依存関係の競合:複数のバージョンが共存する場合は依存関係の競合に注意し、lock ファイルを使用してバージョンを固定してください
  5. パフォーマンスの落とし穴:大量のデータを扱う場合はパフォーマンスの最適化に注意し、N+1 クエリなどのよくある問題を避けてください

使用手順

Step 1: 環境の準備

開発環境に必要な依存関係とツールがインストールされていることを確認してください。

Step 2: 初期設定

プロジェクトの要件に応じて基本設定を行います。

Step 3: コア機能の使用

サンプルコードに従ってコア機能を実装します。

Step 4: テストと検証

テストを実行して、機能が正常に動作することを確認します。

Step 5: デプロイ

開発完了後、デプロイとモニタリングを行います。

コメント