A
alexisvieto/ux-conductual
Claude skill that designs and audits user interfaces with behavioral psychology: Hick, Fitts, cognitive load,…
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网
安装与配置
客户端配置(取自该仓库的安装命令)
{
"mcpServers": {
"alexisvieto-ux-conductual": {
"command": "npx",
"args": ["skills"]
}
}
}解析自我们于 2026-11-11 抓取的该仓库 README;我们未执行过。
command/args 来自仓库写明的安装命令;不确定时请以该项目 README 为准。
VS Code(.vscode/mcp.json —— 键名是 servers)
{
"servers": {
"alexisvieto-ux-conductual": {
"command": "npx",
"args": ["skills"]
}
}
}VS Code 顶层键是 <code>servers</code>,其余与上面那份相同。
Claude Code(命令行)
claude mcp add --transport stdio alexisvieto-ux-conductual -- npx skills
Claude Code 不收 JSON 文件,用这条命令直接加。
配置项的键名以你的客户端为准:客户端与 CLI
- ★ 数取值
- 0 ★ · alexisvieto/ux-conductual · 取自 GitHub 搜索 API · (2026-11-13 20:00:50 核对)
- 来源明细
- 从该仓库的 GitHub 页面直接读取 · 条目类型:开源项目
- 收录与活跃
- 收录于 2026-11-12 · 最近见到 2026-11-14 · 共见到 3 次 · 被 2 个来源列出
- 评分构成
- 综合分 203 · 2 个来源 · repo
- 安装
npx skills
常见问题(答案都来自我们的记录)
怎么安装?
该仓库给出的安装命令是
npx skills。我们的记录里它是仓库自己提供的;不保证在你的客户端上直接可用。它适合谁 / 用来做什么?
我们把它归在这些标签下: Agent 技能。标签来自条目自身,不是我们强加的分类。
谁维护它、还在更新吗?
仓库
alexisvieto/ux-conductual;我们收录于 2026-11-12;最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。# Behavioral UX
以下摘录自该仓库的 README(片段) · 在 GitHub 读完整 README →
A Claude skill that designs and audits user interfaces with behavioral psychology.
Hick, Fitts, cognitive load, Fogg, error prevention, peak-end and anti dark patterns ethics,
turned into concrete patterns, backed by research, with audits you can act on.
English · Español
Install · Results · How it works
Full video with sound: assets/demo-en.mp4
## What it is
Coding assistants build screens that work but often don't make sense:
four equal buttons, generic errors, fields asking for what the system already
knows, silent empty states. Behavioral UX gives Claude the judgment of a
product designer trained in behavioral psychology.
With the skill installed, Claude:
Designs screens and flows applying the highest-leverage principles for
each case, with your project's real components and tokens.
Audits what already exists and returns a table with each finding, the
principle it breaks, its severity (0–4), the exact line and the fix.
Detects dark patterns and always flags them as top severity, with the
legal framework that applies (DSA, GDPR).
It ships as two skills with the same content: behavioral-ux (English) and
ux-conductual (Spanish). Claude uses the one that matches your conversation.
It works with any stack (React, Vue, Svelte, Angular, SwiftUI, Compose,
Flutter, plain HTML) and any design system, because it reads the one your
project already uses first.
## What it's for
Reviewing a form, screen or flow before shipping it.
Understanding why something "feels hard to use" and how to fix it.
Designing empty, loading and error states people understand.
Writing clear microcopy: buttons, errors, confirmations.
Designing AI interfaces: streaming, uncertainty and confirmation before an
agent acts.
Making sure you're not manipulating users without meaning to.
## Results
We asked Claude, with the skill installed, to audit a typical mobile
"New invoice" screen.
| Before | After |
The audit found 19 issues, including 2 dark patterns, each with its
principle, severity, location and fix. An excerpt:
| # | Finding | Principle | Sev. | Fix |
| 1 | Pre-checked box that shares the client's data with third parties | Ethics: sneaky default | 4 | Remove it, or leave it unchecked and explained |
| 2 | "No thanks, I prefer to keep losing clients" in 9 px gray | Ethics: confirmshaming | 4 | A neutral "Not now" button with equal weight |
| 3 | "Send" fires the invoice with no summary or preview | Error prevention | 3 | Summary plus a "Send $X invoice to …" button |
| 5 | 4 equal buttons, none is the main one | Hick / Von Restorff | 3 | A single primary; the rest secondary |
| 6 | Tax and total typed by hand | Tesler / prevention | 3 | Compute them live |
| 8 | The placeholder acts as the label | Visible label | 3 | Visible ; placeholder as an example |
Full audit: demo/en/audit.md. Open both screens:
demo/en/before.html and
demo/en/after.html.
## Install
### Claude Code (recommended)
/plugin marketplace add alexisvieto/ux-conductual
/plugin install ux-conductual@ux-conductual
This installs both skills (English and Spanish).
### With npx skills (Claude Code and other compatible agents)
bash
npx skills add alexisvieto/ux-conductual
### Manual
bash
git clone https://github.com/alexisvieto/ux-conductual.git
Hick, Fitts, cognitive load, Fogg, error prevention, peak-end and anti dark patterns ethics,
turned into concrete patterns, backed by research, with audits you can act on.
English · Español
Install · Results · How it works
Full video with sound: assets/demo-en.mp4
## What it is
Coding assistants build screens that work but often don't make sense:
four equal buttons, generic errors, fields asking for what the system already
knows, silent empty states. Behavioral UX gives Claude the judgment of a
product designer trained in behavioral psychology.
With the skill installed, Claude:
Designs screens and flows applying the highest-leverage principles for
each case, with your project's real components and tokens.
Audits what already exists and returns a table with each finding, the
principle it breaks, its severity (0–4), the exact line and the fix.
Detects dark patterns and always flags them as top severity, with the
legal framework that applies (DSA, GDPR).
It ships as two skills with the same content: behavioral-ux (English) and
ux-conductual (Spanish). Claude uses the one that matches your conversation.
It works with any stack (React, Vue, Svelte, Angular, SwiftUI, Compose,
Flutter, plain HTML) and any design system, because it reads the one your
project already uses first.
## What it's for
Reviewing a form, screen or flow before shipping it.
Understanding why something "feels hard to use" and how to fix it.
Designing empty, loading and error states people understand.
Writing clear microcopy: buttons, errors, confirmations.
Designing AI interfaces: streaming, uncertainty and confirmation before an
agent acts.
Making sure you're not manipulating users without meaning to.
## Results
We asked Claude, with the skill installed, to audit a typical mobile
"New invoice" screen.
| Before | After |
The audit found 19 issues, including 2 dark patterns, each with its
principle, severity, location and fix. An excerpt:
| # | Finding | Principle | Sev. | Fix |
| 1 | Pre-checked box that shares the client's data with third parties | Ethics: sneaky default | 4 | Remove it, or leave it unchecked and explained |
| 2 | "No thanks, I prefer to keep losing clients" in 9 px gray | Ethics: confirmshaming | 4 | A neutral "Not now" button with equal weight |
| 3 | "Send" fires the invoice with no summary or preview | Error prevention | 3 | Summary plus a "Send $X invoice to …" button |
| 5 | 4 equal buttons, none is the main one | Hick / Von Restorff | 3 | A single primary; the rest secondary |
| 6 | Tax and total typed by hand | Tesler / prevention | 3 | Compute them live |
| 8 | The placeholder acts as the label | Visible label | 3 | Visible ; placeholder as an example |
Full audit: demo/en/audit.md. Open both screens:
demo/en/before.html and
demo/en/after.html.
## Install
### Claude Code (recommended)
/plugin marketplace add alexisvieto/ux-conductual
/plugin install ux-conductual@ux-conductual
This installs both skills (English and Spanish).
### With npx skills (Claude Code and other compatible agents)
bash
npx skills add alexisvieto/ux-conductual
### Manual
bash
git clone https://github.com/alexisvieto/ux-conductual.git
收录徽章(可选)
想把收录标记放进 README 就复制这行,可选,不影响收录。
[](https://anclum.com/zh/s/alexisvieto-ux-conductual/)
- 来源
- github · https://github.com/alexisvieto/ux-conductual
- 按领域浏览
- Agent 技能
- 收录来源
- 2 个独立来源
- 收录于
- 今天
同类推荐
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。