CommandCodeAI / CommandCodeAI/command-code

feat: Inline Hex Color Swatch rendering

Đang mở
#614 1 bình luận 1 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Ngôn ngữ chính
Không có dữ liệu ngôn ngữ
Star
4k
Fork
350
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Hướng nghiên cứu

Bắt đầu bằng việc xem xét hex-color-swatch-mod được liên kết và xác định các điểm vào của prompt-transform và feed response trong command-code. Xác định cách các chú thích đầu vào và các danh sách swatch chỉ dành cho phản hồi nên được tích hợp với hỗ trợ feed native. Được xem là hoàn tất khi các màu hex được hiển thị inline cho các prompt, các màu duy nhất xuất hiện như một trợ giúp của feed cho các phản hồi của model và các phản hồi ban đầu vẫn không thay đổi.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Lĩnh vực
cli
Loại issue
Tính năng
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Ít trao đổi
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
45/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.