CommandCodeAI / CommandCodeAI/command-code

feat: Inline Hex Color Swatch rendering

Abierto
#614 1 comentario 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
Sin datos de lenguaje
Estrellas
4k
Forks
350
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza revisando el hex-color-swatch-mod enlazado y localizando los puntos de entrada de prompt-transform y feed response en command-code. Determina cómo deberían integrarse las anotaciones de entrada y las listas de swatches exclusivas de las respuestas con la compatibilidad nativa con feeds. Se considera terminado cuando los colores hexadecimales se renderizan inline para los prompts, los colores únicos aparecen como ayuda del feed para las respuestas del modelo y las respuestas originales permanecen sin cambios.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Área
cli
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Tranquilo
Claridad
Necesita aclaración
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.