Підвищення естетики фронтенду
Інструкції
<естетика_інтерфейсу>
Уникайте посередньої естетики "штучного мотлоху" та створіть напрочуд унікальний інтерфейс.
## П'ять основних вимірів
**1. Типографіка**
- ❌ Заборонено: Inter, Roboto, Arial, системні шрифти
- ✅ Виберіть: Унікальні, самобутні шрифти
- ✅ Комбінація: шрифт Showcase + шрифт Body, висока контрастність
- ✅ Поради: Надзвичайна контрастність шрифтів (100 проти 900), великий діапазон розмірів шрифтів (3x+)
**2. Колір і тема**
- ✅ Зберігайте узгоджену естетику за допомогою змінних CSS.
- ✅ Домінуючий колір + яскравий акцентний колір
- ❌ Уникайте: фіолетового градієнта + білого фону
- ✅ Натхнення: теми IDE, культурна естетика
**3. Рух**
- ✅ CSS-анімації мають пріоритет (HTML)
- ✅ Бібліотека руху
- ✅ Зосередьтеся на високому впливі: ретельно підібране завантаження сторінки > Розсіяні мікровзаємодії
- ✅ Тригер прокручування, несподіванка наведення курсора
**4. Просторове планування**
- ✅ Асиметричний, перекриваючий, діагональний потік
- ✅ Розбийте сітку, сміливе використання білого простору АБО контрольованої щільності
**5. Деталі передісторії**
- ✅ Створити атмосферу та глибину
- ✅ Градієнтна сітка, шум, геометричні візерунки
- ✅ Багатошарова прозорість, драматичні тіні, декоративні межі
## Ключові принципи
- Кожен дизайн має бути різним, щоб уникнути повторюваної конвергенції.
- Досягнення естетичного бачення, що відповідає складності
Надзвичайна складність вимагає ретельного дизайну, тоді як мінімалізм вимагає стриманості та точності.
- Звільніться від традиційного мислення та зробіть справді унікальний вибір
⚡ Однорядковий зміст
Унікальний шрифт + смілива кольорова схема + ретельна анімація + інноваційне макетування + атмосферний фон = незабутній дизайн фронтенду
Відхилено: Inter/Roboto, фіолетовий градієнтний білий фон, монотонний макет
📋 Короткий контрольний список
Розміри та елементи перевірки
Чи варто шрифтам уникати Inter/Roboto? Чи є якісь унікальні колірні комбінації?
Чи має колірна схема єдину тему? Чи варто уникати фіолетових градієнтів?
Чи має анімація ретельно продуманий ефект завантаження?
Чи відхиляється макет від звичайної сітки?
Чи створює фон глибину та атмосферу?
Опис
Рекомендовано
nene@YouMind
Чому нам подобається ця навичка
Набрид одноманітний дизайн у стилі "AI slop"? Ця навичка допоможе вам позбутися посередності завдяки унікальній типографіці, сміливим кольорам, витонченій анімації, інноваційному просторовому макету та глибокому фону, створюючи приголомшливі інтерфейси. Вона пропонує практичний посібник з естетики, який допоможе вашим роботам виділитися серед багатьох сайтів і досягти справжнього візуального прориву.
Унікальна індивідуальність шрифтів Темна кіберпанк-естетика Асиметричний динамічний макет Ретельно продумана анімація завантаження Створення захопливої атмосфери
Схожі навички
Переглянути всі
СлайдиНовий бруталізм розробників
Перетворюйте ваші теми, статті, знання, ретроспективи проєктів, навчальні матеріали або описи інструментів на горизонтальні слайди у стилі «Нового бруталізму для розробників». Загальний стиль поєднує дизайн нового бруталізму, незалежну журнальну верстку та естетику терміналу розробника: кремовий фон, товсті чорні рамки, жорсткі тіні, висококонтрастні кольорові блоки, наджирні заголовки, моноширинні шрифти, модульну компоновку веб/термінал/картка – усе це створює потужне відчуття технічного контенту. Ця навичка спочатку виокремлює структуру контенту, потім визначає ключову ідею для кожного слайда, автоматично генеруючи заголовки, пояснення, модулі знань, висновки та відповідні візуальні компоненти. Вона особливо підходить для презентацій AI інструментів, практик Agent, розборів open source проєктів, організації навчальних матеріалів, узагальнення методологій, описів функцій продуктів і технічних ретроспектив. Кінцевий результат – горизонтальні слайди у форматі 16:9 з єдиним візуальним стилем, чітким читанням, достатнім простором і яскравою стилістикою, що створює ефект «начебто автор open source проєкту ділиться досвідом, а незалежний дизайн-журнал розповідає історію».
ЗображенняПостер ханьських барельєфів
Візуальна система, створена на основі ханьських кам'яних барельєфів: геометричні силуети людей × класичні фонові кольори × асиметричний редакційний макет. Підходить для афіш заходів, анонсів трансляцій, обкладинок подкастів тощо. Просто назвіть тему, а вона вкарбує сучасний зміст у 2000-річну естетику.
ПисьмоIP-заголовки-хіти Dan Koe
Генеруйте 7 заголовків для вашого контенту, кожен з яких представляє одну з ключових стилістичних рис Dan Koe, забезпечуючи різноманітність та вибір. Це майстер вірусної психології та естетики контенту Dan Koe, спеціально розроблений для творців, творців особистого бренду та цифрових кочівників. Він перетворює ваші нудні теми на хітові заголовки з якістю «лідера думок». 🌟 Ключові можливості: Глибокий аналіз контенту: автоматично виділяє ключові болючі точки, цільову аудиторію та ціннісні обіцянки з фрагментів ключових слів або довгих сценаріїв. Сім золотих вимірів: суворо дотримується візуальної логіки Dan Koe, генеруючи 7 різних кутів одночасно.
Підвищення естетики фронтенду
Інструкції
<естетика_інтерфейсу>
Уникайте посередньої естетики "штучного мотлоху" та створіть напрочуд унікальний інтерфейс.
## П'ять основних вимірів
**1. Типографіка**
- ❌ Заборонено: Inter, Roboto, Arial, системні шрифти
- ✅ Виберіть: Унікальні, самобутні шрифти
- ✅ Комбінація: шрифт Showcase + шрифт Body, висока контрастність
- ✅ Поради: Надзвичайна контрастність шрифтів (100 проти 900), великий діапазон розмірів шрифтів (3x+)
**2. Колір і тема**
- ✅ Зберігайте узгоджену естетику за допомогою змінних CSS.
- ✅ Домінуючий колір + яскравий акцентний колір
- ❌ Уникайте: фіолетового градієнта + білого фону
- ✅ Натхнення: теми IDE, культурна естетика
**3. Рух**
- ✅ CSS-анімації мають пріоритет (HTML)
- ✅ Бібліотека руху
- ✅ Зосередьтеся на високому впливі: ретельно підібране завантаження сторінки > Розсіяні мікровзаємодії
- ✅ Тригер прокручування, несподіванка наведення курсора
**4. Просторове планування**
- ✅ Асиметричний, перекриваючий, діагональний потік
- ✅ Розбийте сітку, сміливе використання білого простору АБО контрольованої щільності
**5. Деталі передісторії**
- ✅ Створити атмосферу та глибину
- ✅ Градієнтна сітка, шум, геометричні візерунки
- ✅ Багатошарова прозорість, драматичні тіні, декоративні межі
## Ключові принципи
- Кожен дизайн має бути різним, щоб уникнути повторюваної конвергенції.
- Досягнення естетичного бачення, що відповідає складності
Надзвичайна складність вимагає ретельного дизайну, тоді як мінімалізм вимагає стриманості та точності.
- Звільніться від традиційного мислення та зробіть справді унікальний вибір
⚡ Однорядковий зміст
Унікальний шрифт + смілива кольорова схема + ретельна анімація + інноваційне макетування + атмосферний фон = незабутній дизайн фронтенду
Відхилено: Inter/Roboto, фіолетовий градієнтний білий фон, монотонний макет
📋 Короткий контрольний список
Розміри та елементи перевірки
Чи варто шрифтам уникати Inter/Roboto? Чи є якісь унікальні колірні комбінації?
Чи має колірна схема єдину тему? Чи варто уникати фіолетових градієнтів?
Чи має анімація ретельно продуманий ефект завантаження?
Чи відхиляється макет від звичайної сітки?
Чи створює фон глибину та атмосферу?
Опис
Рекомендовано
nene@YouMind
Чому нам подобається ця навичка
Набрид одноманітний дизайн у стилі "AI slop"? Ця навичка допоможе вам позбутися посередності завдяки унікальній типографіці, сміливим кольорам, витонченій анімації, інноваційному просторовому макету та глибокому фону, створюючи приголомшливі інтерфейси. Вона пропонує практичний посібник з естетики, який допоможе вашим роботам виділитися серед багатьох сайтів і досягти справжнього візуального прориву.
Унікальна індивідуальність шрифтів Темна кіберпанк-естетика Асиметричний динамічний макет Ретельно продумана анімація завантаження Створення захопливої атмосфери
Схожі навички
Переглянути всіСлайдиНовий бруталізм розробників
Перетворюйте ваші теми, статті, знання, ретроспективи проєктів, навчальні матеріали або описи інструментів на горизонтальні слайди у стилі «Нового бруталізму для розробників». Загальний стиль поєднує дизайн нового бруталізму, незалежну журнальну верстку та естетику терміналу розробника: кремовий фон, товсті чорні рамки, жорсткі тіні, висококонтрастні кольорові блоки, наджирні заголовки, моноширинні шрифти, модульну компоновку веб/термінал/картка – усе це створює потужне відчуття технічного контенту. Ця навичка спочатку виокремлює структуру контенту, потім визначає ключову ідею для кожного слайда, автоматично генеруючи заголовки, пояснення, модулі знань, висновки та відповідні візуальні компоненти. Вона особливо підходить для презентацій AI інструментів, практик Agent, розборів open source проєктів, організації навчальних матеріалів, узагальнення методологій, описів функцій продуктів і технічних ретроспектив. Кінцевий результат – горизонтальні слайди у форматі 16:9 з єдиним візуальним стилем, чітким читанням, достатнім простором і яскравою стилістикою, що створює ефект «начебто автор open source проєкту ділиться досвідом, а незалежний дизайн-журнал розповідає історію».
ЗображенняПостер ханьських барельєфів
Візуальна система, створена на основі ханьських кам'яних барельєфів: геометричні силуети людей × класичні фонові кольори × асиметричний редакційний макет. Підходить для афіш заходів, анонсів трансляцій, обкладинок подкастів тощо. Просто назвіть тему, а вона вкарбує сучасний зміст у 2000-річну естетику.
ПисьмоIP-заголовки-хіти Dan Koe
Генеруйте 7 заголовків для вашого контенту, кожен з яких представляє одну з ключових стилістичних рис Dan Koe, забезпечуючи різноманітність та вибір. Це майстер вірусної психології та естетики контенту Dan Koe, спеціально розроблений для творців, творців особистого бренду та цифрових кочівників. Він перетворює ваші нудні теми на хітові заголовки з якістю «лідера думок». 🌟 Ключові можливості: Глибокий аналіз контенту: автоматично виділяє ключові болючі точки, цільову аудиторію та ціннісні обіцянки з фрагментів ключових слів або довгих сценаріїв. Сім золотих вимірів: суворо дотримується візуальної логіки Dan Koe, генеруючи 7 різних кутів одночасно.
Знайдіть свою наступну улюблену навичку
Досліджуйте більше підібраних AI-навичок для досліджень, творчості та повсякденної роботи.