К основному содержанию
скилл CX Codex

swiftui-view-refactor · harperreed — скилл для Claude Code: рефакторинг SwiftUI

Скилл помогает приводить SwiftUI-вью к единой структуре, правильно передавать зависимости и работать с Observation. Пригодится при ревью экранов и рефакторинге существующего кода.

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

Что делает swiftui-view-refactor

Скилл задаёт порядок свойств и методов в SwiftUI-вью: сначала окружение и хранимые свойства, затем вычисляемые переменные, инициализатор и body, после него вспомогательные представления и функции. Большие тела экранов предлагается разбивать на небольшие компоненты, передавая им данные, привязки и обработчики событий. Так код проще читать без лишнего усложнения архитектуры.

Основной подход — Model-View: бизнес-логика остаётся в моделях и сервисах, а представления управляют состоянием через @State, @Environment, @Query, task и onChange. Для корневых вью с объектами @Observable скилл рекомендует хранить их в @State. Если во вью уже есть view model, её предлагается сделать необязательной только при необходимости, а зависимости передавать через init.

Для файлов длиннее примерно 300 строк предусмотрено разделение вспомогательного кода по private-расширениям с комментариями // MARK: -. При рефакторинге нужно сохранить поведение: менять компоновку и бизнес-логику можно только по запросу. Это особенно важно при разбиении экранов на компоненты, чтобы случайно не изменить существующий интерфейс.

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

  • Привести свойства и методы SwiftUI-вью к единому порядку
  • Разбить большой body на небольшие компоненты
  • Передать сервисы и модели через @Environment и init
  • Исправить хранение @Observable-объектов в корневой вью
  • Разнести вспомогательные методы длинного файла по private-расширениям

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

  • Отрефактори этот SwiftUI-экран по правилам скилла: упорядочи свойства и методы, сохрани поведение.
  • Раздели большой body на небольшие компоненты и передавай им только необходимые данные и обработчики.
  • Проверь, как во вью создаётся view model и хранится объект @Observable, затем приведи код к подходу Model-View.

Как установить swiftui-view-refactor

1Через Skills CLI (Vercel)

npx skills add harperreed/dotfiles --skill swiftui-view-refactor -a claude-code

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

~/.claude/skills/swiftui-view-refactor/SKILL.md

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

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

Вопросы о swiftui-view-refactor

Как установить swiftui-view-refactor в Claude Code?

Выполни npx skills add harperreed/dotfiles --skill swiftui-view-refactor -a claude-code. Файл с инструкциями находится по пути ~/.claude/skills/swiftui-view-refactor/SKILL.md.

Что делает скилл swiftui-view-refactor?

Он помогает упорядочивать SwiftUI-вью, выделять подкомпоненты и корректно организовывать зависимости и состояние Observation. При этом существующее поведение сохраняется, если изменение не запрошено отдельно.

Нужно ли добавлять view model при рефакторинге SwiftUI?

Нет, скилл рекомендует не вводить новую view model без явной необходимости. Если она уже существует, зависимости передаются через init, а состояние по возможности хранится в необязательном @State-обёртывании с неoptional-значением.

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

Все скиллы по теме «Фронтенд и UI» →

Сначала — swiftui-view-refactor от других авторов.

swiftui-view-refactor официальный OpenAI Скилл наводит порядок в коде SwiftUI: делит разросшиеся экраны на отдельные структуры View и выносит побочные эффекты из body. CX Codex GP ChatGPT 113установок 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установок

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

uv Помогает настроить Python-проекты через uv: зависимости, виртуальные окружения, скрипты PEP 723, CI и сборку Docker. CX Codex +1 ★ 336звёзд репо session-reflection-analysis Скилл анализирует историю диалогов Claude Code, чтобы находить неэффективные действия и снижать трату токенов в будущих задачах. Пригодится для ретроспективы после долгих рабочих сессий. CX Codex +1 ★ 336звёзд репо releasing-software Скилл проводит проект по проверкам перед релизом: от сборки и тестов до CI и создания тега. Помогает не ставить тег, пока CI не прошёл. CX Codex +1 ★ 336звёзд репо native-app-performance Скилл для профилирования нативных приложений macOS и iOS через xctrace и Time Profiler. Разбор трейсов Instruments идёт из командной строки, без открытия Instruments. CX Codex +1 ★ 336звёзд репо ios-debugger-agent Скилл настраивает работу с симулятором iOS через XcodeBuildMCP: запускает сборку проекта и снимает системные логи. CX Codex +1 ★ 336звёзд репо humanizer Скилл находит характерные для ИИ обороты и переписывает их, сохраняя смысл и нужный тон. Пригодится для редактуры черновиков и проверки готового текста. CX Codex +1 ★ 336звёзд репо summarize-meetings Скилл разбирает транскрипты встреч в хранилище Obsidian: вытаскивает людей, задачи и идеи, пишет файлы-конспекты и связи между заметками. CX Codex +1 ★ 336звёзд репо strategy-diagnosis Помогает основателям и командам разбирать сложные бизнес-проблемы через структурированную цепочку консалтинговых фреймворков. CX Codex +1 ★ 336звёзд репо

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

Компании, которые помогают держать аналитику открытой