observable-framework-input-color

Select RGB colors via a visual picker in Observable Framework applications.

Updated Feb 28, 2026

Search Tags:#javascript #framework #ui component #observable #input #color picker

Ready to run

npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-input-color

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: observable-framework-input-color
Source: https://github.com/spqw/skill-observable-framework/tree/main/skills/observable-framework-input-color
Command: npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-input-color

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill simplifies the process of selecting and inputting color values within Observable Framework projects, offering a user-friendly color picker interface.

Core Features & Use Cases

Color Selection: Provides a visual color picker for users to choose an RGB color.
Hexadecimal Output: Outputs the selected color as a standard hexadecimal string (e.g., "#RRGGBB").
Customization: Allows setting an initial color and providing a predefined list of colors for quick selection.
Use Case: Integrate this into a dashboard to allow users to customize chart colors or theme elements of a web application.

Quick Start

Use the observable-framework-input-color skill to select your favorite color.

Frequently Asked Questions about observable-framework-input-color

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add a color picker to an Observable Framework dashboard?▼

To add a color picker to an Observable Framework dashboard, use this skill to implement a visual RGB selection component. It integrates seamlessly with Observable's reactive programming model to dynamically update UI elements.

Can I set a predefined color palette for quick selection in Observable Framework?▼

Yes, you can set a predefined color palette in Observable Framework for quick selection. This skill allows you to provide a predefined list of colors alongside an initial color value for user convenience.

What format does the Observable Framework color picker output?▼

The Observable Framework color picker outputs a standard hexadecimal string format, specifically formatted as "#RRGGBB". This allows straightforward application of selected RGB colors to chart elements or web application themes.

What is the best way to let users customize chart colors in Observable Framework?▼

The best way to let users customize chart colors in Observable Framework is using a visual color picker component. This skill provides an interface for RGB selection and outputs hexadecimal strings for immediate theme application.

Does the color picker support reactive UI updates in Observable Framework?▼

Yes, the color picker supports reactive UI updates in Observable Framework. It integrates directly with the reactive programming model, ensuring that any selected color changes dynamically update connected dashboard elements.