frontend-slides
Создание HTML-презентаций с анимациями
Люди без дизайнерского образования с трудом создают визуально привлекательные презентации. Этот навык генерирует HTML-слайды производственного качества с уникальным стилем и плавными анимациями через управляемый визуальный рабочий процесс.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "frontend-slides". Создать питч-дек для моего AI-стартапа
النتيجة المتوقعة:
Ваша презентация готова! Файл: ai-startup-pitch.html. Стиль: Neon Cyber с тёмным фоном. 12 слайдов с анимациями появления, индикатором прогресса и навигационными точками. Используйте стрелки или прокрутку для навигации.
استخدام "frontend-slides". Конвертировать мой quarterly-report.pptx в веб-формат
النتيجة المتوقعة:
Извлечено 15 слайдов из вашего PowerPoint. Теперь выбираем стиль — я создал 3 варианта превью (Corporate Elegant, Dark Executive, Clean Minimal). Какая эстетика вам подходит?
التدقيق الأمني
آمنThis skill generates HTML presentations and converts PowerPoint files. Static analysis detected external_commands, network, and filesystem patterns, but evaluation confirms these are false positives. The 'external_commands' are documentation strings showing file paths. Network access is limited to loading font resources from legitimate CDNs. Filesystem operations are for extracting PPT content. No malicious intent or security risks identified.
درجة الجودة
ماذا يمكنك بناءه
Слайды для конференции
Создание эффектных слайдов для технических докладов или ключевых выступлений с индивидуальными анимациями и уникальной эстетикой, выделяющей их на фоне типичных презентаций.
Питч-дек для стартапа
Генерация профессиональных питч-деков с полированным визуальным дизайном для впечатления инвесторов и клиентов с минимальными дизайнерскими усилиями.
Конвертация PPT в веб-формат
Преобразование устаревших PowerPoint-презентаций в современный HTML-формат с улучшенными анимациями и лучшей совместимостью с браузерами.
جرّب هذه الموجهات
Создать новую HTML-презентацию о [TOPIC]. Мне это нужно для [PURPOSE]. Сделать визуально впечатляющей с плавными анимациями.
Я хочу создать слайды в стиле [VIBE]. Сгенерируйте превью стилей, чтобы я мог выбрать подходящую эстетику.
Конвертировать мой PowerPoint-файл по пути [FILE_PATH] в HTML-презентацию с уникальным стилем.
Улучшить мою существующую HTML-презентацию по пути [FILE_PATH] с лучшими анимациями и визуальным дизайном.
أفضل الممارسات
- Начинайте с чёткой структуры контента перед стилизацией — сначала определите сообщение
- Используйте фазу превью стилей, чтобы позволить пользователям обнаружить свои визуальные предпочтения
- Держите анимации сдержанными и осмысленными — они должны усиливать, а не отвлекать
- Тестируйте на мобильных устройствах и отключайте тяжёлые эффекты для экранов меньшего размера
تجنب
- Избегайте использования стандартных шрифтов вроде Inter или Roboto — стремитесь к уникальной типографике
- Не злоупотребляйте анимациями — они должны усиливать сообщение, а не задерживать его
- Избегайте фиолетовых градиентов на белом фоне — это типичная AI-эстетика
- Не пропускайте фазу превью стилей — пользователям нужно визуальное подтверждение перед полной генерацией