Знайшов ось такі скіли для UX/UI для вашого Claude Code

Автор скілів, та ресурс де ви можете скачати ці скіли та подивитись приклади використання

Можете або дати їх вашому Claude щоб він додав корисне звідти до ваших інсуючих, або використати їх з нуля

Стаття для дизайнера про запуск продукту з нуля https://volomydyr.com/from-designer-to-entrepreneur/

What do you really need to start coding?

Problem statement – defined the core problems Meddy solves
Target audience – user personas of who I'm building for
Project assumptions – tracked what I believed to be true
Research findings – validation from academic papers, competitor analysis, and Reddit
StoryBrand – clear product messaging so people understand why they should care about Meddy
Business plan – how it could make money over time
MVP requirements – prioritized list of features to build first
Information architecture – structure of screens, navigation, and user flows in the app

А ви чули про Contextual Proximity UX?

Скоріш за все, ви подумали про це

1. Закон близькості (Gestalt Law of Proximity)
Мозок автоматично групує близькі елементи як пов'язані. Це фундамент принципу — просторова близькість = смислова спорідненість.

2. Контекстуальне розміщення дій
Кнопки та контролі мають розташовуватись поруч з тим об'єктом, на який вони впливають. Наприклад, кнопка "Видалити картку" — безпосередньо на картці, а не у глобальному меню.

3. Мінімізація когнітивного навантаження
Користувач не має "шукати очима" пов'язані елементи. Що менша відстань між тригером і результатом — то менше зусиль потрібно для розуміння.

4. Inline-feedback
Помилки, підказки та підтвердження показуються одразу поруч з відповідним полем або дією — не у верхньому банері, не в окремому попапі.

5. Просторова ієрархія
Відстань між елементами кодує рівень зв'язку: дуже близько = сильний зв'язок, далі = слабший. Наприклад, label ближче до свого input, ніж до сусіднього.

6. Прогресивне розкриття в контексті
Додаткові опції з'являються саме там, де виникає потреба — не переносять користувача на іншу сторінку, а розгортаються поруч (dropdown, inline expansion).

7. Grouping через whitespace
Пробіл використовується як розділювач, а не лише як декор. Менший відступ всередині групи, більший — між групами. Це дає структуру без зайвих ліній і рамок.

Але я хочу дати більше сучасних прикладів застосування)

https://www.uxdatabase.io/free-product-design-course-curriculum

Знайшов такий от курс по product design. Безкоштовний

Сервіс для транскрибування файлів https://turboscribe.ai/dashboard

https://telepromptermirror.com/telepromptersoftware.htm суфльор

Це для того, щоб витягнути анімацію з відоса. А ще є таке, щоб згенерувати її https://www.skills.sh/mblode/agent-skills/ui-animation