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

serial-position-effect — скилл для Claude Code: порядок пунктов

Скилл применяет эффект серийной позиции: подсказывает, какие пункты ставить первыми и последними, а что попадёт в провал посередине.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add Owl-Listener/designer-skills --skill serial-position-effect -a claude-code
Открыть на GitHub

Что делает serial-position-effect

Скилл даёт агенту правила расстановки элементов в последовательностях. Люди лучше всего запоминают начало списка (эффект первичности) и его конец (эффект недавности), а середина проваливается — её называют «serial position valley». Вы просите переставить меню, шаги онбординга или список тарифов, и агент раскладывает пункты по этим зонам.

Внутри — инструкция для модели: как упорядочивать навигацию, курируемые списки, мастер-шаги и стеки уведомлений. Критичные действия советует ставить первыми, аккаунт и выход — последними, а обязательные, но скучные шаги (согласия, права, поля формы) прятать в середину. Если важный пункт всё же застрял в середине, скилл предлагает выделить его визуально — весом, цветом, иконкой или размером.

Учтите: это скилл про порядок, а не про акцент на одном элементе вне зависимости от позиции — для этого в том же репозитории есть von-restorff-effect. Ставится через npx skills add, нужен Node.js с npx.

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

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

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

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

Как установить serial-position-effect

1Через Skills CLI (Vercel)

npx skills add Owl-Listener/designer-skills --skill serial-position-effect -a claude-code

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

~/.claude/skills/serial-position-effect/SKILL.md

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

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

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

conversational-ux Скилл помогает проектировать голосовые интерфейсы и чат-ботов. Пригодится при настройке сценариев диалога, лестницы ошибок и характера реплик без кнопок на экране. CX Codex +1 1 100установок law-of-closure Учит агента строить интерфейс на подразумеваемых границах: убирать лишние рамки, рисовать иконки из минимальных подсказок и опираться на негативное пространство. CX Codex +1 1 100установок law-of-figure-ground Скилл разбирает, какой слой интерфейса читается как передний план, а какой как фон, и помогает задать это отношение осознанно. CX Codex +1 1 100установок law-of-similarity Помогает выстроить визуальные связи между элементами интерфейса через форму, цвет и размер. Пригодится, когда нужно объединить компоненты на расстоянии без изменения сетки. CX Codex +1 1 100установок teslers-law Помогает распределять сложность между интерфейсом и пользователем по закону Теслера. Пригодится при проектировании форм, настроек и сложных сценариев. CX Codex +1 1 000установок zeigarnik-effect Скилл для проектирования прогресс-баров, черновиков и напоминаний о незавершённых шагах. Помогает агенту опираться на психологию незакрытых задач. CX Codex +1 1 000установок peak-end-rule Скилл для проектирования моментов, по которым пользователь запомнит ваш продукт: самого сильного и последнего. CX Codex +1 1 000установок jakobs-law Скилл помогает оценить цену отказа от привычных интерфейсных паттернов по закону Якоба Нильсена. Он пригодится при переработке навигации или ключевых контролов. CX Codex +1 1 100установок

Похожие

refero-design referodesign Задаёт исследовательский процесс для UI и продуктового дизайна: сначала референсы, затем код. Пригодится для лендингов, экранов, редизайна и полировки интерфейса. CX Codex +1 12 000установок wireframe ghaida Проектирует структуру экранов: что на них есть, где стоит и что важнее. Пригодится, пока макет ещё дешёво переделать. CX Codex +1 2 300установок ui-design TencentCloudBase Заставляет агента сначала выдать дизайн-спецификацию — палитру, шрифты, сетку — и только потом писать код интерфейса. CX Codex +1 1 800установок quick-mockups civitai Генерирует от 3 до 5 параллельных вариантов интерфейса в HTML. Пригодится, когда нужно быстро сравнить разные сетки и подачу для новой фичи. CX Codex +1 1 700установок video-to-superprompt MengTo Разбирает референсное видео и готовит подробный промпт для воссоздания интерфейса, анимаций и прокрутки. Пригодится перед сборкой страницы или приложения по видеодемо. CX Codex +1 1 600установок no-use-effect Factory-AI Скилл, который не даёт агенту писать useEffect в React-коде и подсказывает пять замен. Пригодится при рефакторинге и ревью компонентов. CX Codex +1 1 000установок

Рядом в теме «Дизайн»

Всё по теме «Дизайн» →

Вопросы о serial-position-effect

Как установить serial-position-effect в Claude?

Выполните npx skills add Owl-Listener/designer-skills --skill serial-position-effect -a claude-code. Скилл появится в ~/.claude/skills/serial-position-effect/SKILL.md.

Что делает serial-position-effect?

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

Чем serial-position-effect отличается от von-restorff-effect?

Первый работает с позицией элемента в последовательности, второй — с визуальным выделением одного элемента независимо от его места. Для акцента на конкретном пункте берите von-restorff-effect.

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

SKILL.md · MIT
---
name: serial-position-effect
description: Apply the Serial Position Effect — first and last items in a sequence are recalled best. Use when ordering menus, lists, and steps. For emphasising one item regardless of its position, use `von-restorff-effect` (ui-design).
---
# Serial Position Effect

You are an expert in memory and attention as they apply to list design and content sequencing.

## What You Do

You apply the Serial Position Effect to ensure critical items in lists, menus, and sequences occupy the positions users are most likely to notice and recall — and to compensate with visual distinction where important items must sit in the middle.

## The Principle

When people encounter a sequence of items, they tend to remember:
- **Items at the beginning** (primacy effect) — encoded into long-term memory during the time spent processing the rest of the list
- **Items at the end** (recency effect) — still held in short-term memory when recall occurs
- **Items in the middle** — remembered least; both attention and encoding dip here

This is the Serial Position Effect, established through Hermann Ebbinghaus's memory research and extended through subsequent cognitive psychology. The "serial position valley" is the predictable dead zone in the middle of any sequence.

## Design Applications

### Navigation and menus

Place critical navigation items at the start or the end, never buried in the middle:
- Global actions (home, dashboard, primary content) → first position
- Account, settings, logout → last position (convention also reinforces this)
- Avoid placing critical items in positions 3–5 of a 7-item menu — this is the serial position valley

### Lists and curated content

In any ordered list where some items matter more than others:
- Put the strongest choices first and last
- A default-selected option or featured pricing tier should be first or last, never in the middle
- In a three-item set, the middle item is the comparison anchor; the items you want recalled are the outer two

### Onboarding and wizard flows

The first step establishes the mental model; the last step is remembered as the conclusion:
- Place key value moments (the first aha, the primary benefit demonstration) at the opening or the close
- Bury required-but-tedious steps — permissions, legal agreements, form fields — in the middle
- The last step should always be resolution and confirmation, not another administrative requirement

### Notification stacks and task lists

- Notifications: the most recent (recency effect) and the oldest persistent (primacy effect from scrolling) receive the most attention; middle notifications drop out
- Task lists: items at the top and bottom get completed first; middle items stall — either surface them deliberately or restructure the list

## Relationship to Other Principles

| Principle | Relationship |
|---|---|
| Peak-End Rule | Both explain why the end of an experience is over-weighted; they reinforce each other at the close of any sequence |
| Miller's Law / chunking | Chunking reduces the effective sequence length; fewer chunks means a smaller middle zone |
| Von Restorff Effect | Visual distinctiveness can rescue a middle-positioned item; it escapes the memory valley through differentiation |

## Best Practices

- Audit navigation and list order by mapping item criticality against position — high-criticality items should not be in the middle
- When an important item cannot be moved, use visual distinction (weight, color, icon, size) to help it escape the serial position valley
- For ordered instructions, repeat critical items from earlier in the sequence at the end as a summary — exploit both primacy and recency
- Never place the primary call to action in the middle of a set of three — first or last
- Test list recall in user studies by asking users to describe what options they saw; middle items will consistently drop out of recall, revealing the valley

© Owl-Listener · MIT · Owl-Listener/designer-skills

Смотрите также

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

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