·ui-designer
*

ui-designer

Извлекайте системы дизайна из эталонных изображений пользовательского интерфейса и создавайте готовые к реализации подсказки по проектированию пользовательского интерфейса. Используйте, когда пользователи предоставляют скриншоты/макеты пользовательского интерфейса и хотят создавать согласованные проекты, создавать системы дизайна или создавать MVP пользовательские интерфейсы, соответствующие эталонной эстетике.

9Установки·0Тренд·@nilecui

Установка

$npx skills add https://github.com/nilecui/skillsbase --skill ui-designer

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

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

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

Источник: nilecui/skillsbase.

This skill enables systematic extraction of design systems from reference UI images through a multi-step workflow: analyze visual patterns → generate design system documentation → create PRD → produce implementation-ready UI prompts.

Save as variable for Step 4 (optionally save to documents/prd/)

Use the final composed prompt from Step 4 to implement UI in React project.

Извлекайте системы дизайна из эталонных изображений пользовательского интерфейса и создавайте готовые к реализации подсказки по проектированию пользовательского интерфейса. Используйте, когда пользователи предоставляют скриншоты/макеты пользовательского интерфейса и хотят создавать согласованные проекты, создавать системы дизайна или создавать MVP пользовательские интерфейсы, соответствующие эталонной эстетике. Источник: nilecui/skillsbase.

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

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

Команда установки
npx skills add https://github.com/nilecui/skillsbase --skill ui-designer
Источник
nilecui/skillsbase
Категория
*Креатив
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-11

Browse more skills from nilecui/skillsbase

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

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

Извлекайте системы дизайна из эталонных изображений пользовательского интерфейса и создавайте готовые к реализации подсказки по проектированию пользовательского интерфейса. Используйте, когда пользователи предоставляют скриншоты/макеты пользовательского интерфейса и хотят создавать согласованные проекты, создавать системы дизайна или создавать MVP пользовательские интерфейсы, соответствующие эталонной эстетике. Источник: nilecui/skillsbase.

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

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

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

https://github.com/nilecui/skillsbase