Zara Zhang Frontend Slides
Zara Zhang creates high-quality Frontend Slides
Описание
Рекомендовано
淡苍
Почему нам нравится этот скилл
Этот навык создает потрясающие HTML-презентации с богатой анимацией и без зависимостей, избегая типичной «AI-халтуры» для по-настоящему уникальных дизайнов. Он гарантирует, что каждый слайд идеально помещается в окне просмотра, обеспечивая профессиональный и отполированный опыт.
Этот навык предназначен для создания HTML-презентаций с нулевыми зависимостями и насыщенной анимацией, которые запускаются прямо в браузере без необходимости установки или настройки. Он особенно подходит для профессионалов, которым нужно быстро создавать презентации с уникальным визуальным стилем и плавной анимацией — таких как маркетологи, преподаватели, разработчики и все, кто хочет донести информацию через увлекательный визуальный контент. Основная сила этого инструмента заключается в его высоко настраиваемом процессе дизайна и фокусе на пользовательском опыте. Он интеллектуально генерирует предложения по дизайну на основе выбранной цели презентации, длины и содержания, а также желаемого «настроения». Пользователи могут выбрать направляемый процесс дизайна — получить три предварительных просмотра стиля, описав свои эмоциональные предпочтения — или просто непосредственно выбрать предпочтительный стиль из списка предустановок. Используя генерацию изображений на основе ИИ, возможность поиска в реальном времени в Интернете и доступ к личной базе знаний пользователя, этот навык гарантирует, что сгенерированные презентации будут одновременно визуально впечатляющими и содержательными. Конечный результат — это отдельный HTML-файл, содержащий весь необходимый CSS и JavaScript, обеспечивающий безупречное отображение в любом современном браузере. Он предлагает не только эстетичную типографику и цветовые схемы, но и тщательно проработанные анимации, призванные обеспечить аудитории захватывающее впечатление от просмотра.
Похожие скиллы
Посмотреть все
Веб-страницаМастер интерактивных страниц
Отчёт объясняет. Страница позволяет разобраться самому. YouMind уже умеет создавать веб-страницы. Explorable Explainer решает, что именно создать — он превращает исследование, набор данных или тему в единую интерактивную страницу в традиции новостной графики и explorable explanations: нарратив, разворачивающийся при прокрутке, настоящие графики, элементы управления, которые можно двигать, и источники, которые можно проверить. Сначала план, потом код. Вы одобряете план сборки: один вопрос, на который отвечает страница, ключевой момент — мгновение, когда читатель должен почувствовать «ого», — пять-восемь секций, разворачивающихся при прокрутке, два-четыре интерактивных элемента, каждый из которых оправдан тем, что читатель узнаёт, двигая его, и контракт данных, где перечислены все числа и их источники. Затем он создаёт один автономный HTML-файл без этапа сборки. Семантическая разметка. Все числа в одной редактируемой константе DATA в начале файла. Появление блоков при прокрутке, которое не ломается на телефоне. Каждый элемент управления — настоящий элемент формы, управляемый с клавиатуры, с живым текстом, описывающим его текущее значение. Доступность встроена с самого начала, а не добавлена позже: контраст 4.5:1, заметные индикаторы фокуса, alt-текст везде, смысл не передаётся только цветом, поддержка reduced-motion, адаптивность от 360px. Перед сдачей он проводит самопроверку по пяти пунктам и честно сообщает результаты: действительно ли ключевой момент срабатывает, читается ли страница без JavaScript, корректна ли последовательность табуляции, можно ли отследить каждое число, нет ли анимаций, которые читатель захотел бы остановить. Два правила, которые он не нарушит: он никогда не выдумывает данные, чтобы график выглядел хорошо, и он сообщает вам, когда ваши числа противоречат вашему черновику. Для исследователей, аналитиков, журналистов, преподавателей, инди-основателей и консультантов, которые хотят, чтобы их работу изучали, а не пролистывали.
Веб-страницаМягкий дневной парящий веб
Веб-дизайн-система в стиле мягкого дневного света: светло-голубой холст (#ebf5ff), сверхкрупный дисплейный шрифт с фиксированным весом 500 (адаптивно до 148px), карточки со скруглением 32px и таблетки 9999px, сплошная CTA-кнопка почти чёрного цвета #181d27, пастельные цветовые блоки и парящие глиняные 3D-иллюстрации. Глубина создаётся исключительно за счёт перепада оттенков от холста к карточке, а карточки с контентом полностью без теней. Подходит для проектов: «мягкий дневной свет», «лендинг с 3D-иллюстрациями», «светло-голубой холст», «скруглённые карточки», «официальный сайт SaaS», «стиль Linear/Framer». Встроены ограничения для доступности и адаптивности.
Веб-страницаFashion Creative Design стиль
Система веб-дизайна в стиле модного редакционного постера: тёплый кремовый бумажный холст (#fffef7), сверхкрупные заголовки с начертанием 300 (64–84px), фотографии без полей, без теней, карточки с прямыми углами и кнопки-таблетки со скруглением 1440px. Подходит для таких задач, как «модный стиль», «журнальная вёрстка», «постерный стиль», «страница арт-альбома», «портфолио студии», «галерейная страница» и т.д. Может преобразовать любое содержимое в страницу в стиле высокой моды.
Zara Zhang Frontend Slides
Zara Zhang creates high-quality Frontend Slides
Описание
Рекомендовано
淡苍
Почему нам нравится этот скилл
Этот навык создает потрясающие HTML-презентации с богатой анимацией и без зависимостей, избегая типичной «AI-халтуры» для по-настоящему уникальных дизайнов. Он гарантирует, что каждый слайд идеально помещается в окне просмотра, обеспечивая профессиональный и отполированный опыт.
Этот навык предназначен для создания HTML-презентаций с нулевыми зависимостями и насыщенной анимацией, которые запускаются прямо в браузере без необходимости установки или настройки. Он особенно подходит для профессионалов, которым нужно быстро создавать презентации с уникальным визуальным стилем и плавной анимацией — таких как маркетологи, преподаватели, разработчики и все, кто хочет донести информацию через увлекательный визуальный контент. Основная сила этого инструмента заключается в его высоко настраиваемом процессе дизайна и фокусе на пользовательском опыте. Он интеллектуально генерирует предложения по дизайну на основе выбранной цели презентации, длины и содержания, а также желаемого «настроения». Пользователи могут выбрать направляемый процесс дизайна — получить три предварительных просмотра стиля, описав свои эмоциональные предпочтения — или просто непосредственно выбрать предпочтительный стиль из списка предустановок. Используя генерацию изображений на основе ИИ, возможность поиска в реальном времени в Интернете и доступ к личной базе знаний пользователя, этот навык гарантирует, что сгенерированные презентации будут одновременно визуально впечатляющими и содержательными. Конечный результат — это отдельный HTML-файл, содержащий весь необходимый CSS и JavaScript, обеспечивающий безупречное отображение в любом современном браузере. Он предлагает не только эстетичную типографику и цветовые схемы, но и тщательно проработанные анимации, призванные обеспечить аудитории захватывающее впечатление от просмотра.
Похожие скиллы
Посмотреть всеВеб-страницаМастер интерактивных страниц
Отчёт объясняет. Страница позволяет разобраться самому. YouMind уже умеет создавать веб-страницы. Explorable Explainer решает, что именно создать — он превращает исследование, набор данных или тему в единую интерактивную страницу в традиции новостной графики и explorable explanations: нарратив, разворачивающийся при прокрутке, настоящие графики, элементы управления, которые можно двигать, и источники, которые можно проверить. Сначала план, потом код. Вы одобряете план сборки: один вопрос, на который отвечает страница, ключевой момент — мгновение, когда читатель должен почувствовать «ого», — пять-восемь секций, разворачивающихся при прокрутке, два-четыре интерактивных элемента, каждый из которых оправдан тем, что читатель узнаёт, двигая его, и контракт данных, где перечислены все числа и их источники. Затем он создаёт один автономный HTML-файл без этапа сборки. Семантическая разметка. Все числа в одной редактируемой константе DATA в начале файла. Появление блоков при прокрутке, которое не ломается на телефоне. Каждый элемент управления — настоящий элемент формы, управляемый с клавиатуры, с живым текстом, описывающим его текущее значение. Доступность встроена с самого начала, а не добавлена позже: контраст 4.5:1, заметные индикаторы фокуса, alt-текст везде, смысл не передаётся только цветом, поддержка reduced-motion, адаптивность от 360px. Перед сдачей он проводит самопроверку по пяти пунктам и честно сообщает результаты: действительно ли ключевой момент срабатывает, читается ли страница без JavaScript, корректна ли последовательность табуляции, можно ли отследить каждое число, нет ли анимаций, которые читатель захотел бы остановить. Два правила, которые он не нарушит: он никогда не выдумывает данные, чтобы график выглядел хорошо, и он сообщает вам, когда ваши числа противоречат вашему черновику. Для исследователей, аналитиков, журналистов, преподавателей, инди-основателей и консультантов, которые хотят, чтобы их работу изучали, а не пролистывали.
Веб-страницаМягкий дневной парящий веб
Веб-дизайн-система в стиле мягкого дневного света: светло-голубой холст (#ebf5ff), сверхкрупный дисплейный шрифт с фиксированным весом 500 (адаптивно до 148px), карточки со скруглением 32px и таблетки 9999px, сплошная CTA-кнопка почти чёрного цвета #181d27, пастельные цветовые блоки и парящие глиняные 3D-иллюстрации. Глубина создаётся исключительно за счёт перепада оттенков от холста к карточке, а карточки с контентом полностью без теней. Подходит для проектов: «мягкий дневной свет», «лендинг с 3D-иллюстрациями», «светло-голубой холст», «скруглённые карточки», «официальный сайт SaaS», «стиль Linear/Framer». Встроены ограничения для доступности и адаптивности.
Веб-страницаFashion Creative Design стиль
Система веб-дизайна в стиле модного редакционного постера: тёплый кремовый бумажный холст (#fffef7), сверхкрупные заголовки с начертанием 300 (64–84px), фотографии без полей, без теней, карточки с прямыми углами и кнопки-таблетки со скруглением 1440px. Подходит для таких задач, как «модный стиль», «журнальная вёрстка», «постерный стиль», «страница арт-альбома», «портфолио студии», «галерейная страница» и т.д. Может преобразовать любое содержимое в страницу в стиле высокой моды.
Найди свой следующий любимый скилл
Изучи больше отобранных AI-скиллов для исследований, творчества и повседневной работы.