CommandCodeAI / CommandCodeAI/command-code

feat: Inline Hex Color Swatch rendering

Aperta
#614 1 commento 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Lingua principale
Nessun dato sulla lingua
Stelle
4k
Fork
350
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

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

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia esaminando l’hex-color-swatch-mod collegato e individuando i punti di ingresso di prompt-transform e feed response in command-code. Determina come le annotazioni dell’input e gli elenchi di swatch riservati alle sole risposte debbano integrarsi con il supporto nativo dei feed. Il lavoro è completo quando i colori esadecimali vengono visualizzati inline per i prompt, i colori univoci compaiono come ausilio del feed per le risposte del modello e le risposte originali rimangono invariate.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Ambito
cli
Tipo di issue
Funzionalità
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Tranquilla
Chiarezza
Da chiarire
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.