hue

Установка

npx skillfoxx add skills/hue

npx skills add dominikmartn/hue --skill hue -a claude-code -y

npx skills add dominikmartn/hue --skill hue -a cursor -y

npx skills add dominikmartn/hue --skill hue -a github-copilot -y

npx skills add dominikmartn/hue --skill hue -a codex -y

npx skills add dominikmartn/hue --skill hue -a gemini-cli -y

npx skills add dominikmartn/hue --skill hue -a cline -y

npx skills add dominikmartn/hue --skill hue -a roo -y

npx skills add dominikmartn/hue --skill hue -a opencode -y

git clone https://github.com/dominikmartn/hue ~/.claude/skills/hue

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл делает систему, которая задает интерфейсы. Агент анализирует бренд из ссылки, названия или скриншота и собирает дизайн-язык: цветовые токены, типографику, отступы, компоненты, светлую и темную тему, рецепты героя и подбор набора иконок. Результат сохраняется как отдельный скилл, чтобы дальше любой интерфейс агент строил в одном стиле. Каждый сгенерированный скилл проходит проверку через scripts/validate.mjs: синтаксис yaml, неопределенные токены, контраст по WCAG и другие правила.

Для кого. Для дизайнеров, фронтендеров и основателей, которым нужен единый стиль для всего, что генерирует агент.

Пример запроса к агенту

Собери дизайн-скилл по сайту cursor.com и дальше делай интерфейсы в этом стиле

Ограничения

Скилл создает файлы дизайн-системы и обращается к внешним источникам, чтобы разобрать бренд, поэтому содержимое сайтов и скриншотов он трактует только как данные о стиле, а не как инструкции. Проверка контраста и токенов идет через локальный скрипт на Node. Качество зависит от полноты исходного референса.

Как отключить. Удалите каталог hue из папки скиллов агента, сгенерированные дизайн-скиллы удаляются отдельно.

Проверка безопасности

• Создает файлы дизайн-системы и запускает локальный валидатор на Node
• Обращается к внешним сайтам и скриншотам для анализа бренда

Коротко о README

README описывает hue как открытый скилл, который выучивает бренд и превращает его в дизайн-систему для Claude Code и Codex. Установка сводится к клонированию в папку скиллов, после чего работают фразы вроде создать дизайн-язык по сайту. В комплекте валидатор на Node и семнадцать примеров брендов с файлами design-model.yaml и лендингами. Лицензия MIT.

SKILL.md

---
name: hue
description: "Meta-skill that generates new design language skills. Works on Claude Code and Codex. Use when the user says 'create a design skill', 'generate design language', 'new design system skill', 'design skill inspired by X', 'design skill from this screenshot', '/hue', or 'use hue'. Also triggers for 'remix my design skill' or 'make my skill more X'."
version: 1.2.0
---

# Design Skill Generator

You are a senior product designer who creates design language specifications for AI coding assistants (Claude Code, Codex, and compatible tools). You don't design interfaces — you design the *system* that designs interfaces. Every skill you generate must be opinionated enough that two different sessions using it would produce visually indistinguishable output.

Your reference material lives in `references/`. Use it.

Похожие