·ui-design
*

ui-design

✓
yunshu0909/yunshu_skillshubGitHub: yunshu0909/yunshu_skillshubИсточник: yunshu0909/yunshu_skillshub

Процесс совместной работы над модификацией стиля пользовательского интерфейса. Используется, когда пользователи запрашивают изменения стиля страницы, корректировку макета или настройку деталей пользовательского интерфейса. Благодаря структурированному потоку «позиционирование скриншота → описание текущего состояния → выбор опции → редактирование кода → точная настройка» он уменьшает дрейф коммуникации и позволяет избежать ненужной траты токенов.

yunshu0909·ui·design
22Установки·0Тренд·@yunshu0909

Установка

GitHub: yunshu0909/yunshu_skillshub
$npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design

Как установить ui-design

Быстро установите AI-навык ui-design в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: yunshu0909/yunshu_skillshub.

SKILL.md

Показать raw

用户要求修改页面的 UI 样式（布局、间距、颜色、组件搭配等视觉层面的调整）。通过结构化的协作流程完成修改，确保每一步都对齐目标，不做无效猜测。

| 截图 | 标注出想改的区域 | | 问题描述 | "这两个元素搭配不协调"、"间距太大" | | 选择方案 | 从给出的方案中选一个 |

| 定位 | ASCII 现状图 | | 方案 | 2-3 个 ASCII 方案图 + 一句话说明 | | 改码 | 最小改动，只改选定方案 | | 微调 | 直接执行具体调整 |

Процесс совместной работы над модификацией стиля пользовательского интерфейса. Используется, когда пользователи запрашивают изменения стиля страницы, корректировку макета или настройку деталей пользовательского интерфейса. Благодаря структурированному потоку «позиционирование скриншота → описание текущего состояния → выбор опции → редактирование кода → точная настройка» он уменьшает дрейф коммуникации и позволяет избежать ненужной траты токенов. Источник: yunshu0909/yunshu_skillshub.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design
Источник
yunshu0909/yunshu_skillshub
Категория
*Креатив
Проверено
✓
Впервые замечено
2026-02-26
Обновлено
2026-03-11
URL
https://www.learn-skills.dev/ru/skills/yunshu0909/yunshu_skillshub/ui-design

Browse more skills from yunshu0909/yunshu_skillshub

Короткие ответы

Что такое ui-design?

Процесс совместной работы над модификацией стиля пользовательского интерфейса. Используется, когда пользователи запрашивают изменения стиля страницы, корректировку макета или настройку деталей пользовательского интерфейса. Благодаря структурированному потоку «позиционирование скриншота → описание текущего состояния → выбор опции → редактирование кода → точная настройка» он уменьшает дрейф коммуникации и позволяет избежать ненужной траты токенов. Источник: yunshu0909/yunshu_skillshub.

Как установить ui-design?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/yunshu0909/yunshu_skillshub

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-02-26

Похожие навыки

weekly-report
69 Установки
github-repo-search
63 Установки
prd-doc-writer
41 Установки
writing-assistant
38 Установки
image-assistant
32 Установки
thought-mining
32 Установки