mcpField
A
ascii-ansi-colorizer

ascii-ansi-colorizer

github.com/full-stack-skillsデザイン・UI577 回インストール4 週間前に更新
リポジトリ

ascii-ansi-colorizer について

ascii-ansi-colorizer は、既存テキストに ANSI カラーを付ける、明示的な指定で使うスキルです。配置を保ち、プレーンテキストの代替も出力します。ASCII アート自体は生成しません。

主な機能

  1. 01表示文字への ANSI カラー付与
  2. 02レインボー、グラデーション、ブランド色
  3. 03方向、色深度、適用範囲の指定
  4. 04プレーンテキスト代替と互換性メモ

活用シーン

  1. 01既存の ASCII ロゴへのグラデーション追加
  2. 02色付きターミナルテキストの作成
  3. 03色付け後も空白位置を維持

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/full-stack-skills/ascii-skills --skill ascii-ansi-colorizer

インストール後、Claude Code で/ascii-ansi-colorizerを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

LICENSE.txt
agents/
openai.yaml
examples/
gradient.md
scripts/
colorize.py

詳細

このスキルを使用するタイミング

重要なトリガールール

  • ユーザーがスキル名 ascii-ansi-colorizer を正確に明示した場合にのみ、このスキルを使用してください。

トリガーフレーズの例：

  • "ascii-ansi-colorizer"
  • "use ascii-ansi-colorizer"
  • "ascii-ansi-colorizer で ASCII に色を付けて"
  • "ascii-ansi-colorizer を使って ANSI のグラデーション／レインボーを作成して"

適用範囲

  • このスキルは既存のテキストに色を付けるだけです。ASCII アート自体は生成しません（必要に応じて ascii-cli-logo-banner と組み合わせてください）。
  • 必須の出力：coloredText + plainTextFallback。
  • ANSI によって配置が崩れないようにしてください。デフォルトではスペースに色を付けず、表示される文字だけに色を付けます。

このスキルの使い方

入力
  • textOrAscii（必須）
  • palette（rainbow | gradient | brandColors）
  • direction（leftToRight | topToBottom、デフォルトは leftToRight）
  • colorDepth（ansi16 | ansi256 | truecolor、デフォルトは ansi256）
  • scope（logoOnly | highlightsOnly | fullText、デフォルトは logoOnly）
出力（必須）
  • coloredText：ANSI カラー付きの出力
  • plainTextFallback：色なしの代替出力（内容は同一、ANSI なし）
  • compatNotes：コピー＆ペーストとリダイレクトに関する案内（NO_COLOR / --no-color の提案）
手順
  1. colorDepth を選択します（デフォルト：ansi256）。
  2. 安定した配色方法を選択します。
    • 列単位のグラデーション（leftToRight）が、通常最も安全です。
    • スペース以外の文字だけに色を付けます。
  3. coloredText と plainTextFallback の両方を出力します。
  4. 色なしでの使用方法を案内します（意味上の提案）：NO_COLOR / --no-color。

スクリプト

  • scripts/colorize.py：標準入力に ANSI 256 色のグラデーションまたはレインボーを適用します

例

  • examples/gradient.md

品質チェックリスト

  1. ANSI を削除しても、読みやすい内容が保たれること（plainTextFallback）。
  2. 色を付けても配置が変わらないこと。
  3. 色が情報を伝える行を目立たなくしないこと。

キーワード

英語： ascii-ansi-colorizer, ansi, color, gradient, rainbow, terminal, no-color, plain text, ascii 中文： ascii-ansi-colorizer, ANSI, 色付け, グラデーション, レインボー, ターミナル, 色なしの代替出力, プレーンテキスト, ASCII

よくある落とし穴

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

使用手順

Step 1: 環境の準備

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

Step 2: 初期設定

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

Step 3: コア機能の使用

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

Step 4: テストと検証

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

Step 5: デプロイ

開発完了後、デプロイと監視を行います。

コメント

Markdown 対応