Design with Intent — скилл
18 скиллов и 6 агентов для UX-стратегии: от исследования и потоков до доступности, этики и передачи в разработку
- 246 ★ репозитория
- Последний коммит
- CC0-1.0
Минимальный доступ
Почему такой уровень
- Скиллы и агенты состоят из инструкций в Markdown и сами ничего не запускают
- Часть скиллов создает файлы схем и презентаций в вашем проекте
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/design-with-intentОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы и агенты состоят из инструкций в Markdown и сами ничего не запускают
- Часть скиллов создает файлы схем и презентаций в вашем проекте
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Design with Intent — система скиллов для дизайна опыта, которая спрашивает, зачем продукт существует, прежде чем рисовать, как он выглядит. Скилл `intent` служит точкой входа: собирает контекст проекта, держит принципы UX и каталог из более чем 72 названных антипаттернов, а затем направляет к нужному специалисту. Остальные скиллы покрывают стратегию и исследование (`strategize`, `investigate`, `blueprint`), проектирование (`journey`, `organize`, `wireframe`, `articulate`), оценку (`evaluate`, `fortify`, `include`), адаптацию (`transpose`, `localize`), измерение (`measure`) и сквозные `philosopher` и `storytelling`. Шесть агентов объединяют скиллы по ролям: Noor встречает и показывает результат, Ember рамкует проблему, Wren проектирует опыт, Vigil проверяет качество и доступность, Rune готовит передачу в разработку, Sage помогает думать вширь. `specify` проверяет готовность дизайна, прогоняет этическую проверку и собирает артефакты проекта вокруг одной входной страницы. `present` строит презентации в Google Slides через .pptx, PowerPoint, Figma Slides или reveal.js и отказывается придумывать доказательства.
Для кого. Продуктовым дизайнерам и менеджерам, которые ведут проект от гипотезы до передачи в разработку вместе с Claude Code, Cursor или Codex.
Подходит, если
- Проект только начинается, и нужно сформулировать проблему и проверить пять базовых вопросов до первых макетов
- Готов интерфейс, и его надо прогнать по эвристикам Нильсена с оценкой серьезности находок
- Экран нужно проверить на состояния и ошибки: для каждого описывается девять состояний
- Перед передачей в разработку нужна этическая проверка по каталогу манипулятивных паттернов
- Интервью и исследования пора свести в выводы с цифрами и цитатами
Не подходит, если
- Нужно отполировать готовый интерфейс на уровне пикселей: для визуальной шлифовки в каталоге есть Impeccable
- Требуются дизайн-токены и компоненты в формате DTCG: этим занимается UX/UI Agent Skills, а Intent работает на уровне стратегии и потоков
- Нужен код интерфейса: скиллы выдают исследования, схемы, wireframe и спецификации, верстку они не пишут
Пример запроса к агенту
/intent:evaluate Проведи эвристическую оценку экрана оформления заказа и ранжируй находки по серьезностиОграничения
Материалы написаны на английском. Часть скиллов отдает визуальный результат в виде HTML-схем, файлов Pencil или спецификаций для вашего инструмента. Скилл `present` сначала опрашивает об аудитории, нужном чувстве, действии и источниках и не начинает сборку без утвержденного плана рассказа. Значит, быстрой одноразовой презентации скилл не даст. Лицензия CC0 снимает ограничения на использование, версия скилла `intent` в репозитории 1.7.4.
Как отключить. В Claude Code удалите плагин через `/plugin`. Для установки через `npx skills` удалите папки скиллов и файлы агентов из каталога агента. Артефакты проекта, созданные скиллами, лежат в вашем репозитории и удаляются вручную.
Частые вопросы
Как вызывать скиллы в Claude Code?
После установки плагина скиллы доступны как слэш-команды вида `/intent:strategize`, `/intent:journey`, `/intent:evaluate`, а шесть агентов подключаются как субагенты через `@ember`, `@wren` и так далее.
В каком порядке подключать агентов на большом проекте?
Ember рамкует проблему, Wren проектирует опыт, Vigil проверяет качество и доступность, Rune упаковывает проект для разработки. Sage можно позвать на любом шаге, когда задача требует расширить мышление.
Что входит в каталог антипаттернов?
Более 72 названных паттернов в девяти категориях: обманные интерфейсы, манипуляция настройками по умолчанию, выдуманная срочность, вызывающий привыкание дизайн, эксплуатация внимания, ИИ-специфичные темные паттерны и другие. У каждого есть оценка серьезности и регуляторный контекст.
Как работает скилл philosopher?
Это режим мышления с тремя строгими фазами: погружение в проблему, ассоциативное расширение и синтез, который начинается только по вашей просьбе. Уровни интенсивности и контрольные точки задаются в самом скилле.
С какого скилла начать, если непонятно, что нужно?
README дает схему выбора. «Не знаю, какую проблему решаем» ведет к `/strategize`, «нужно спроектировать опыт» к связке `/journey`, `/organize`, `/wireframe` и `/articulate`, «работает ли для всех» к `/evaluate`, `/fortify` и `/include`, «готово к сборке» к `/specify`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл допрашивает план до начала работы: вопросы раундами с рекомендованным ответом, без правок до вашего подтверждения
Девять скиллов проводят продуктового дизайнера по семи слоям: от наблюдаемого поведения до решений по интерфейсу.
Плагин из 17 скиллов для продуктовых команд: исследование клиентов, приоритизация, эксперименты и дизайн от идеи до прототипа
Набор из шести скиллов, которые собирают самодостаточные HTML-артефакты: вайрфреймы, прототипы, макеты, планы и диаграммы
Личная коллекция скиллов cafe3310: ведение проекта по спецификации, обзор кода, отчеты, браузер, 3D и видео в одном репозитории
Набор скиллов по бизнесу, маркетингу, UX и коду на основе известных книг, плюс пошаговые метаскиллы-путешествия
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Design with Intent (эта карточка) | нет | 246 | |
| UX/UI Agent Skills | нет | 3 109 | делает из Claude дизайн-архитектора с токенами DTCG и проверками, а Intent сосредоточен на стратегии, исследовании и этике |
| Impeccable | нет | 104 096 | скилл для шлифовки фронтенда с командами и правилами поиска огрехов интерфейса, а Intent работает до верстки |
Коротко о README
В README собраны шесть агентов с таблицей их навыков, скиллы по группам задач, три способа установки и схема выбора скилла по ситуации. Отдельный раздел посвящен каталогу антипаттернов. Лицензия CC0.
Бейдж для README
Исходный SKILL.md
--- name: intent description: > The entry point for Intent, a UX and design strategy system. Sets project context, routes to specialized skills, and loads foundational UX knowledge. Activate when starting any UX or product design work, setting project context, routing to other skills, evaluating an existing product's UX, or when the user asks about design intent, user experience strategy, ethical design, dark patterns, or design systems thinking. version: 1.7.4 user-invocable: true --- # Intent ## Invocation banner When `/intent` is invoked, the very first content in your response must be the invocation banner. Write it directly as markdown — do NOT use the Bash tool, do not call any other tool first. Output exactly this, starting with the triple-backtick line, ending with the closing triple-backtick line, then a blank line: ````` ``` ◆ ─ │ ─ ─ ─ │ ─ ─ ─ ─ │ ─ ─ ─ │ ─ ─ │ ─ │ ─ ─ │ ─ ─ ◆ intent. Make the reason behind every decision visible. What are you designing, and for whom? ◆ ─ │ ─ ─ ─ │ ─ ─ ─ ─ │ ─ ─ ─ │ ─ ─ │ ─ │ ─ ─ │ ─ ─ ◆ ``` ````` The triple-backtick code fence is essential — it preserves frame alignment in monospace. Do not modify the content, do not paraphrase, do not skip the banner. After the banner renders, continue with the rest of this skill's normal response. ## Overview Intent is a UX and design strategy system. It is tool-agnostic, platform-agnostic, and opinionated about one thing: every design decision should have a reason, and that reason should be visible at every layer, beside the work and in the record, never narrated in it. Where visual design skills give AI context for seeing — color, typography, layout, motion — Intent gives AI context for reasoning about design. For asking why before how. For framing problems before solving them. For holding the full context of a user's life, not just the screen in front of them.