·ui-design
*

ui-design

Используйте это для создания красивого пользовательского интерфейса в одном HTML-коде в качестве вдохновения и исследования пользовательского интерфейса.

107Установки·4Тренд·@shajith003

Установка

$npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design

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

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

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

Источник: shajith003/awesome-claude-skills.

Only code in HTML/Tailwind in a single code block. Any CSS styles should be in the style attribute. Start with a response, then code and finish with a response. Don't mention about tokens, Tailwind or HTML.

Always include the html, head and body tags. Use lucide icons for javascript, 1.5 strokewidth. Unless style is specified by user, design in the style of Linear, Stripe, Vercel, Tailwind UI (IMPORTANT: don't mention names).

Checkboxes, sliders, dropdowns, toggles should be custom (don't add, only include if part of the UI). Be extremely accurate with fonts. For font weight, use one level thinner: for example, Bold should be Semibold.

Используйте это для создания красивого пользовательского интерфейса в одном HTML-коде в качестве вдохновения и исследования пользовательского интерфейса. Источник: shajith003/awesome-claude-skills.

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

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

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

Browse more skills from shajith003/awesome-claude-skills

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

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

Используйте это для создания красивого пользовательского интерфейса в одном HTML-коде в качестве вдохновения и исследования пользовательского интерфейса. Источник: shajith003/awesome-claude-skills.

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

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

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

https://github.com/shajith003/awesome-claude-skills

Детали

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