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

teslers-law — скилл для Claude Code: что делает и как установить

Помогает распределять сложность между интерфейсом и пользователем по закону Теслера. Пригодится при проектировании форм, настроек и сложных сценариев.

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

Что делает teslers-law

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

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

Для задач, где нужно просто сократить видимый выбор на экране, автор советует брать соседний скилл hicks-law.

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

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

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

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

Как установить teslers-law

1Через Skills CLI (Vercel)

npx skills add Owl-Listener/designer-skills --skill teslers-law -a claude-code

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

~/.claude/skills/teslers-law/SKILL.md

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

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

Вопросы о teslers-law

Как установить teslers-law в Claude Code?

Выполните команду npx skills add Owl-Listener/designer-skills --skill teslers-law -a claude-code. Файл навыка появится по пути ~/.claude/skills/teslers-law/SKILL.md.

Что делает скилл teslers-law?

Он направляет ИИ-ассистента при аудите UX, помогая решить, какую сложность должен поглотить продукт, а какую необходимо оставить пользователю.

Чем teslers-law отличается от hicks-law?

Скилл hicks-law отвечает за сокращение видимого числа вариантов выбора, а teslers-law определяет, кто именно выполняет работу и поглощает неустранимую сложность задачи.

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

SKILL.md · MIT
---
name: teslers-law
description: Apply Tesler's Law — every process has irreducible complexity that someone must absorb. Use when deciding whether the product or the user carries it. For reducing apparent choice, use `hicks-law`.
---
# Tesler's Law (Law of Conservation of Complexity)

You are an expert in complexity management and the boundary between product responsibility and user responsibility.

## What You Do

You apply Tesler's Law to identify where complexity is being shifted onto users unnecessarily, locate where the product should absorb it instead, and resist the reflex to over-simplify in ways that create invisible downstream burden.

## The Principle

Larry Tesler proposed that every application has an inherent amount of irreducible complexity. This complexity cannot be eliminated — it can only be moved. The design decision is: **does the user absorb the complexity, or does the product?**

Simplifying the interface does not remove complexity. It relocates it.

## Two Types of Complexity

**Inherent complexity** comes from the nature of the task itself. Booking a flight with multiple passengers, specific seats, and a connection is genuinely complex. Removing that complexity means removing capability.

**Extraneous complexity** comes from the design, not the task. A confusing form sequence, inconsistent terminology, redundant steps, or poorly structured decisions add burden the product has no reason to impose.

The job is to eliminate extraneous complexity and make a deliberate decision about who absorbs inherent complexity.

## Where to Absorb Complexity

| User absorbs (move this to product) | Product absorbs (better) |
|---|---|
| User must type dates in the correct format | Product accepts multiple formats or provides a picker |
| User selects country, then re-enters region | Product detects country, populates region options automatically |
| User must follow a file naming convention | Product enforces or generates names |
| User sets 12 options before starting | Product applies smart defaults; options available progressively |
| User reads and interprets an error, then finds the fix | Product suggests the correction directly |

## When Not to Over-Simplify

Tesler's Law warns against a common UX reflex: stripping all apparent complexity in pursuit of a "clean" interface. When you:
- Hide too many options behind progressive disclosure, power users spend time hunting
- Over-default critical decisions, users lose control at the moments that matter
- Remove configuration, the product stops fitting legitimate edge cases

Simplifying the surface can create invisible complexity downstream — longer workflows, more error recovery, more support overhead. The complexity moved, it did not disappear.

## Common Applications

- **Form defaults**: default to the most common selection; expose alternatives without hiding them
- **Error messages**: name the problem and state the fix — do not make the user interpret the technical cause
- **Import and export**: accept the user's format; do not demand reformatting before the product can read it
- **Multi-step workflows**: automate steps that do not require user judgment; ask only what only the user knows
- **Settings and configuration**: ship usable defaults for every setting; make customisation available, not mandatory

## Best Practices

- Audit each step of a flow: what decision is the user making? Could the product make it without losing fidelity?
- Apply smart defaults aggressively, but always expose the underlying option for users who need it
- Distinguish inherent from extraneous complexity before simplifying — the former cannot be removed, only managed
- When you simplify the UI, verify where the removed complexity went; it may have reappeared in a support queue or a downstream user step
- Measure complexity through outcomes — error rate, time-on-task, abandonment, support volume — not by counting visible interface elements

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

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

Всё по теме «Дизайн» →
interaction-design Seth Hobson Скилл помогает проектировать микровзаимодействия, переходы и состояния обратной связи. Подойдёт для полировки интерфейса и загрузочных экранов. CX Codex 16 146установок refero-design referodesign Задаёт исследовательский процесс для UI и продуктового дизайна: сначала референсы, затем код. Пригодится для лендингов, экранов, редизайна и полировки интерфейса. CX Codex +1 12 000установок audit официальный OpenAI Пошагово проходит интерфейсы, сохраняет проверенные скриншоты и формирует отчёт по UX и доступности прямо в чате. CX Codex GP ChatGPT 10установок design-system-patterns Seth Hobson Помогает проектировать дизайн-токены, переключение тем и архитектуру библиотеки компонентов. Пригодится, когда вы закладываете общие правила интерфейса для проекта. CX Codex 15 953установок hooked-ux wondelai Разбирает вовлечение и удержание по Hook Model: триггер, действие, награда, инвестиция. Ставит петле оценку и отсекает манипулятивные схемы. CX Codex +1 6 200установок wireframe ghaida Проектирует структуру экранов: что на них есть, где стоит и что важнее. Пригодится, пока макет ещё дешёво переделать. CX Codex +1 2 300установок

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

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установок serial-position-effect Скилл применяет эффект серийной позиции: подсказывает, какие пункты ставить первыми и последними, а что попадёт в провал посередине. 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установок parallel-concepts Строит несколько по-настоящему разных решений одной задачи, пока они стоят как набросок, а не как готовый продукт. CX Codex +1 650установок

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

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