К основному содержанию
affpapa.org
RU EN
скилл CX Codex

progressive-blur-header-swiftui — скилл для Claude Code

Скилл добавляет в SwiftUI липкий заголовок с постепенным размытием. Нужен для интерфейсов в стиле Apple Music, Photos и App Store.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add reason-machines/trending-skills --skill progressive-blur-header-swiftui -a claude-code
Открыть на GitHub

Что делает progressive-blur-header-swiftui

Скилл помогает подключить SwiftUI-компонент StickyBlurHeader: контент прокручивается под заголовком, а размытие плавно меняется по высоте. Можно задать радиус blur, длину перехода и прозрачность tint для верхней и средней части заголовка.

Высота заголовка измеряется автоматически через GeometryReader и PreferenceKey, поэтому компонент подходит и для заголовков, которые меняются во время работы экрана. Пакет подключается через Swift Package Manager по адресу https://github.com/dominikmartn/ProgressiveBlurHeader; для проекта нужны iOS 16+ и Swift 5.9+.

Какие задачи решает

  • добавить липкий заголовок в SwiftUI-экран
  • настроить постепенное размытие под навигационной панелью
  • повторить стиль Apple Music или App Store
  • поддержать заголовок с меняющейся высотой

Примеры запросов агенту

  • Добавь в SwiftUI-приложение липкий заголовок с постепенным blur через StickyBlurHeader.
  • Подключи ProgressiveBlurHeader и сделай экран со списком, который прокручивается под заголовком.
  • Настрой для заголовка SwiftUI-экрана умеренное размытие и tint для светлой и тёмной темы.

Как установить progressive-blur-header-swiftui

1Через Skills CLI (Vercel)

npx skills add reason-machines/trending-skills --skill progressive-blur-header-swiftui -a claude-code

2Вручную: положить файлы

~/.claude/skills/progressive-blur-header-swiftui/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/progressive-blur-header-swiftui/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о progressive-blur-header-swiftui

Как установить progressive-blur-header-swiftui в Claude Code?

Выполни npx skills add reason-machines/trending-skills --skill progressive-blur-header-swiftui -a claude-code, затем используй файл ~/.claude/skills/progressive-blur-header-swiftui/SKILL.md.

Что делает progressive-blur-header-swiftui?

Он помогает добавить в SwiftUI липкий заголовок, под которым прокручивается контент с плавно меняющимся размытием и tint.

Какие требования у progressive-blur-header-swiftui?

Компонент рассчитан на iOS 16+ и Swift 5.9+. Пакет подключается через Swift Package Manager.

Похожие скиллы

Всё по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Из того же набора186

maoxuan-skill-cognitive-framework Скилл, который даёт агенту набор моделей мышления из работ Мао Цзэдуна: искать главное противоречие, строить стратегию от слабой стороны, собирать союзников. CX Codex +1 513установок pokeclaw-android-ai-agent Скилл помогает собрать Android-агента с Gemma 4 на устройстве, вызовом инструментов и управлением интерфейсом через Accessibility Service. CX Codex +1 507установок codex-oauth-automation-extension Скилл ставит Chrome-расширение, которое само проходит регистрацию и вход в OpenAI OAuth: письма с кодом, подтверждение callback, пакетный прогон по кругу. CX Codex +1 505установок rattles-terminal-spinners Скилл для работы с rattles — минимальной Rust-библиотекой терминальных спиннеров. Пригодится, когда в CLI нужен индикатор загрузки без лишних зависимостей. CX Codex +1 497установок puremac-macos-cleaner Скилл помогает настроить open-source утилиту PureMac на SwiftUI для очистки macOS, собрать её из исходников и расширить список директорий для удаления кэша. CX Codex +1 484установок talk-normal-llm-prompt Скилл убирает словесный мусор из ответов ИИ и задаёт более короткую манеру речи. Пригодится для рабочих чатов, API и AI-правил проекта. CX Codex +1 479установок moss-tts-nano-speech Скилл помогает агенту запускать MOSS-TTS-Nano: крошечную многоязычную модель синтеза речи с клонированием голоса, работающую на CPU. CX Codex +1 478установок html-ppt-skill Генерирует статические HTML-презентации без сборщиков и фреймворков. Пригодится, когда нужно быстро собрать анимированный слайд-дек в браузере. CX Codex +1 476установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором