feat: Inline Hex Color Swatch rendering

オープン
#614 コメント 1 件 リアクション 1 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
45/100
issue の種類
機能追加
明瞭さ
説明が足りない
活発さ
静か
領域
cli

調査の方向性

まず、リンクされた hex-color-swatch-mod を確認し、command-code にある prompt-transform と feed response のエントリーポイントを特定します。入力アノテーションとレスポンス専用のスウォッチリストを、ネイティブな feed サポートにどのように統合すべきかを判断します。完了条件は、プロンプト内で16進カラーがインライン表示され、モデルの返信に対する feed の補助情報として重複のない色が表示され、元の返信が変更されないことです。

索引モデルが issue の本文から書いたものです。

説明

Feature Description

Ive buiit a mod to show hex color swatches in a prompt transform and also in some response output.

But, native feed support might be better as then the feed isn't generic and have to resort to a list summary of colors detected.

See: https://github.com/dthyresson/hex-color-swatch-mod

Use Case

Some examples ...

What it does

Two jobs, nothing else:

1. Inline swatches in your input

When you type a hex color like #fefefe, the prompt is transformed before
the model sees it — each color becomes a 2-wide solid box painted the actual
color, inline:

type:    use #fefefe and #0af for the theme
becomes: use ██ #fefefe and ██ #0af for the theme

The model sees the annotated color too, so it can reason about it.

2. Color list from model output

When the model's reply contains hex colors, the response is not
rewritten or echoed back. Instead, each unique color is extracted and rendered
as a compact list of swatches in the feed:

██ #fefefe ██ #3b82f6 ██ #00aaff

The model's original answer stays exactly as written — the list is just a
visual aid so you can see the colors at a glance.

Example prompts to try

Ask for colors in any of these ways and the mod will render a swatch list
from the reply:

Rainbow

Give me the hex colors of a rainbow

Color variants

Show me 5 shades of blue from dark to light with their hex codes

Gradient builder

Give me a hex gradient from #ff6b6b to #4ecdc4 in 6 steps

Sports team colors

Do a web search for the San Diego Padres' official colors and list their hex codes

Search for the Vegas Golden Knights' team colors and show them as hex codes

What are the MLB team colors? List a few teams with their brand hexes

More ideas

Give me the Tailwind 500 palette
What's the hex for bright green?
List 10 material design colors

Shwocase

Seattle Kraken Colors
image
Gradient
image
TailwindCSS Colors
image
Inline Prompt Transform
image
Additional Context

No response

How important is this to you?

Nice to have

主要言語
言語のデータがありません
スター
4k
フォーク
350
PR マージ指標
30日以内にマージされた PR はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

CommandCodeAI/command-code のほかの issue

CommandCodeAI/command-code の issue をすべて見る

似ている issue

CLI の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。