MCP HubMCP Hub
スキル一覧に戻る

color-palette-extractor

majiayu000
更新日 Yesterday
14 閲覧
58
9
58
GitHubで表示
メタgeneral

について

このスキルは、K-meansクラスタリングを使用して画像から主要な色を抽出し、カラーパレットを生成します。CSS、JSON、ASEスウォッチなど、デザインワークフローに対応した複数のエクスポート形式をサポートしています。画像の色をプログラムで分析したり、Webやデザインプロジェクト用の配色を作成したりする必要がある場合にご利用ください。

クイックインストール

Claude Code

推奨
プラグインコマンド推奨
/plugin add https://github.com/majiayu000/claude-skill-registry
Git クローン代替
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/color-palette-extractor

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

ドキュメント

Color Palette Extractor

Extract dominant colors from images and generate color palettes with multiple export formats.

Features

  • Dominant Colors: Extract N most dominant colors using K-means
  • Color Schemes: Generate complementary, analogous, triadic schemes
  • Multiple Formats: Export as CSS, JSON, ASE (Adobe Swatch), ACO (Photoshop)
  • Color Analysis: RGB, HEX, HSL, HSV values
  • Visualization: Palette swatches, color distribution charts
  • Batch Processing: Extract palettes from multiple images
  • Similarity Matching: Find similar colors across palettes

Quick Start

from color_palette_extractor import ColorPaletteExtractor

extractor = ColorPaletteExtractor()

# Extract colors
extractor.load('image.jpg')
palette = extractor.extract_colors(n_colors=5)

# Export
extractor.export_css('palette.css')
extractor.export_json('palette.json')
extractor.save_swatch('swatch.png')

CLI Usage

# Extract 5 colors
python color_palette_extractor.py --input image.jpg --colors 5 --output palette.json

# With CSS export
python color_palette_extractor.py --input image.jpg --colors 8 --css palette.css --swatch swatch.png

# Batch mode
python color_palette_extractor.py --batch images/ --colors 5 --output palettes/

Dependencies

  • pillow>=10.0.0
  • scikit-learn>=1.3.0
  • numpy>=1.24.0
  • matplotlib>=3.7.0

GitHub リポジトリ

majiayu000/claude-skill-registry
パス: skills/color-palette-extractor

関連スキル

algorithmic-art

メタ

This Claude Skill creates original algorithmic art using p5.js with seeded randomness and interactive parameters. It generates .md files for algorithmic philosophies, plus .html and .js files for interactive generative art implementations. Use it when developers need to create flow fields, particle systems, or other computational art while avoiding copyright issues.

スキルを見る

subagent-driven-development

開発

This skill executes implementation plans by dispatching a fresh subagent for each independent task, with code review between tasks. It enables fast iteration while maintaining quality gates through this review process. Use it when working on mostly independent tasks within the same session to ensure continuous progress with built-in quality checks.

スキルを見る

executing-plans

デザイン

Use the executing-plans skill when you have a complete implementation plan to execute in controlled batches with review checkpoints. It loads and critically reviews the plan, then executes tasks in small batches (default 3 tasks) while reporting progress between each batch for architect review. This ensures systematic implementation with built-in quality control checkpoints.

スキルを見る

cost-optimization

その他

This Claude Skill helps developers optimize cloud costs through resource rightsizing, tagging strategies, and spending analysis. It provides a framework for reducing cloud expenses and implementing cost governance across AWS, Azure, and GCP. Use it when you need to analyze infrastructure costs, right-size resources, or meet budget constraints.

スキルを見る