feat: Inline Hex Color Swatch rendering

未關閉
#614 1 則留言 1 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

評估

難度
4/5
預估耗時
3-5 天
新手友好度
45/100
Issue 類型
功能
描述清晰度
需要釐清
活躍度
冷清
領域
cli

研究方向

首先檢查連結的 hex-color-swatch-mod,並定位 command-code 中的 prompt-transform 和 feed response 進入點。確定輸入註解和僅用於回應的 swatch 清單應如何與原生 feed 支援整合。完成的標準是:為 prompt 內嵌呈現十六進位顏色,將唯一顏色作為模型回覆的 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. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

CommandCodeAI/command-code 的其他 Issue

查看 CommandCodeAI/command-code 的全部 Issue

相似的 Issue

更多 CLI Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。