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

principle-experience-first — скилл для Claude Code: опыт пользователя

Скилл-принцип, который смещает приоритет при продуктовых и UX-решениях в сторону пользователя. Пригодится, когда спорят о скоупе фич.

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

Что делает principle-experience-first

Скилл задаёт одно правило: когда удобство реализации конфликтует с тем, что почувствует пользователь, выбирать нужно пользователя. Каждая фича, контрол и опция должны быть оправданы, а три отполированные возможности лучше десяти сырых.

Пользователь здесь не только конечный юзер интерфейса. Для библиотеки или внутреннего API это коллега, который её импортирует. Тот, кто будет поддерживать код после вас, тоже пользователь. Поэтому скилл требует объяснять влияние решений с их позиции.

Отдельно выделен принцип «сначала прототип»: дизайн-решения дешевле проверять на throwaway HTML, чем в продакшен-коде. Есть и указание про основной цикл: каждая фича либо обслуживает центральный рабочий процесс, либо не мешает.

Во frontmatter стоит disable-model-invocation: true, так что сам по себе скилл не сработает — его нужно вызывать вручную, когда возникает продуктовый или UX-трейдофф.

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

  • определить, чем пожертвовать при урезании скоупа
  • не дать удобству кода победить удобство пользователя
  • учесть интересы того, кто будет поддерживать код
  • проверить дизайн-гипотезу до продакшен-кода

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

  • Примени principle-experience-first к выбору между двумя вариантами фичи
  • Какие фичи стоит вырезать, чтобы основной сценарий стал лучше?
  • Оцени это решение с точки зрения пользователя библиотеки

Как установить principle-experience-first

1Через Skills CLI (Vercel)

npx skills add backnotprop/pstack --skill principle-experience-first -a claude-code

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

~/.claude/skills/principle-experience-first/SKILL.md

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

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

Вопросы о principle-experience-first

Как установить principle-experience-first в Claude Code?

Через npx skills add backnotprop/pstack --skill principle-experience-first -a claude-code. Файл скилла появится в ~/.claude/skills/principle-experience-first/SKILL.md.

Что делает principle-experience-first?

Смещает приоритет при продуктовых, UX и скоуп-решениях: выбирать нужно то, что лучше для пользователя, даже если это неудобно реализовывать. Советует выпускать меньше, но отполированных фич.

Почему скилл не срабатывает сам?

В описании стоит disable-model-invocation: true. Это значит, что модель не вызовет скилл автоматически — его нужно запрашивать явно, когда возникает соответствующий трейдофф.

Исходный текст

SKILL.md · MIT
---
name: principle-experience-first
description: "Apply when product, UX, or feature-scope tradeoffs come up. Choose user delight over implementation convenience; ship fewer polished features over more rough ones."
disable-model-invocation: true
---

# Experience First

When implementation convenience conflicts with user delight, choose delight.

- Every feature, control, and option must be justified
- Ship less, ship better (polished experience with three features beats rough one with ten)
- Prototype before committing (design decisions are cheaper in throwaway HTML than production code)
- Get the details right (transitions, alignment, spacing, feedback, error states)
- Tighten the core loop (every feature should serve the central workflow or get out of the way)

The user is whoever consumes the work. For a UI that is the end user. For a library or an internal API it is the colleague who imports it. The engineer who maintains the code next is a user too. Weigh their experience the same way, and explain impact from their perspective.

Foundations should serve the experience. Foundational thinking governs the *sequence* of work. This principle governs the *target*.

© backnotprop · MIT · backnotprop/pstack

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

Все скиллы по теме «Настройка агента: память, контекст, субагенты» →
designing-user-experience osmontero Скилл для проектирования поведения интерфейса: потоки, формы, пустые, загрузочные и ошибочные состояния. Пригодится, когда вёрстка готова, а на плохих данных всё ломается. CX Codex +1 458установок experience-map Owl-Listener Скилл строит карту всех точек контакта, каналов и связей сервиса. Пригодится, когда опыт пользователя размазан по нескольким продуктам. CX Codex +1 2 100установок tailwindcss-mobile-first JosiahSiegel Скилл для ИИ-агента, который подсказывает, как верстать адаптивные интерфейсы на Tailwind CSS v4 по принципу mobile-first. Пригодится, когда нужно разложить брейкпоинты, типографику и сетки по полочкам. CX Codex +1 2 100установок design-first-ui-prompting MengTo Превращает сырые идеи интерфейсов в строгие спецификации для генерации UI. Помогает фиксировать сетку, типографику и отступы по правилам дизайн-систем. CX Codex +1 1 800установок image-first-grid-layout MengTo Задаёт правила вёрстки экранов с полноэкранными фото, полупрозрачными блоками и направляющими линиями сетки. Пригодится для кинематографичных промо-страниц. CX Codex +1 1 400установок mobile-first-design aj-geddes Скилл задаёт порядок работы над интерфейсом: сначала мобильный экран, потом планшет и десктоп. Пригодится, когда вёрстка разъезжается на телефонах. CX Codex +1 857установок

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

maintain-verification-skill Скилл поддерживает карту функций и инструкции по проверке проекта в актуальном состоянии. Запускайте его для аудита и проверки функций в работающем приложении. CX Codex +1 5 200установок no-comments Скилл находит и удаляет бесполезные комментарии в коде, а спорные случаи выносит на ваше решение. Пригодится при чистке диффа перед ревью. CX Codex +1 5 200установок teach Скилл объясняет код и архитектуру простыми словами без лишней воды. Он запускает субагенты how и why, собирая устройство механизма и причины решений в один связный ответ. CX Codex +1 5 100установок tdd Скилл заставляет агента сначала написать падающий тест на баг, а потом править код. Включается только когда тест дешёвый и очевидный. CX Codex +1 5 100установок principle-separate-before-serializing-shared-state Правило проектирования для параллельных процессов: сначала разделяет изменяемое состояние между исполнителями, а блокировки и очереди применяет только при строгой необходимости. CX Codex +1 5 100установок principle-attack-the-premise Скилл помогает проверить общую предпосылку после нескольких неудачных исправлений. Он нужен, когда новые фиксы проходят тот же барьер и снова ломаются. CX Codex +1 5 100установок principle-foundational-thinking Набор принципов на этап до написания логики: выбрать типы и структуры данных, навести порядок в каркасе, проверить общее состояние у конкурентных акторов. CX Codex +1 5 100установок correct Находит повторяющиеся ошибки агентов в репозитории и устраняет их через архитектуру, типы или линтеры. Пригодится, когда ИИ раз за разом наступает на одни и те же грабли. CX Codex +1 4 200установок

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

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