Skills
.Work. You
Rest

n-color-picker

Community

Color picking made easy with flexible modes.

Design & Creative#theming#accessibility#vue#color#ui-component#naive-ui#color-picker
Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Streamlines color selection in UI by providing a capable, reusable color picker that supports multiple color formats, alpha channel, swatches, and custom triggers.

Core Features & Use Cases

  • Multi-format support: RGB, HEX, HSL, HSV for versatile design workflows
  • Alpha channel control: Transparent and opaque color combinations
  • Swatches & customization: Quick access to presets and user-defined palettes
  • Custom triggers and rendering: Flexible UI integration with slots and trigger customization
  • Theming and integration: Works with Naive UI theming and form validation scenarios

Quick Start

Instantiate the n-color-picker component in your Vue template and bind its value to a reactive color variable.

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: n-color-picker
Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-color-picker

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 471,000+ vetted skills library on demand.