Skills
.Work. You
Rest

observable-framework-input-range

Community

Select numeric values with sliders.

Software Engineering#framework#ui component#observable#input#slider#range
Authorspqw
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the process of selecting numeric values within a defined range, offering both visual slider interaction and precise numerical input.

Core Features & Use Cases

  • Interactive Range Selection: Allows users to pick a number between a minimum and maximum value using a slider.
  • Precise Input: Supports direct numerical input with optional step increments for fine-tuning.
  • Use Case: In a data visualization tool, use this Skill to let users adjust a parameter like "sensitivity" on a scale from 0 to 100, with a step of 0.5, to dynamically update a chart.

Quick Start

Use the observable-framework-input-range skill to create a slider for values between 0 and 255 with a step of 1.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: observable-framework-input-range
Download link: https://github.com/spqw/skill-observable-framework/archive/main.zip#observable-framework-input-range

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.