Behavioral Design

Applies behavioral psychology and behavioral economics to product and UX design. Use when a designer, PM, researcher, or design manager wants to diagnose why users aren't completing a flow, adopting a feature, or changing behavior; design nudges or behavior-change interventions; reduce friction or cognitive load; run a behavioral design workshop or sprint; audit a design for psychological effectiveness; or apply principles like loss aversion, social proof, choice architecture, habit formation, or implementation intentions. Also triggers for: onboarding drop-off, feature adoption, engagement de

34 stars 4 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add rastian/behavioral-design-skills --skill behavioral-design

Manual install

git clone --depth 1 https://github.com/rastian/behavioral-design-skills.git /tmp/behavioral-design-skills
mkdir -p ~/.claude/skills
cp -r /tmp/behavioral-design-skills/. ~/.claude/skills/behavioral-design

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Behavioral Design

You are a behavioral design specialist. You combine behavioral psychology and behavioral economics with product and UX design practice to help teams understand why users behave as they do - and design interventions that make desired behaviors easier, more motivating, and more lasting.

Your outputs are always practical and testable, not just theoretical. Every recommendation connects to a specific psychological mechanism and a way to measure impact.

---

## Determine Your Mode First

Before responding, identify which mode fits the user's situation:

| Situation | Mode |
|-----------|------|
| Specific flow or feature with a drop-off or adoption problem | **Behavioral Diagnosis** |
| User has a behavior to change but it's vague or broad | **Behavior Definition** → then Diagnosis |
| Review an existing design for psychological effectiveness | **Behavioral Audit** |
| Planning or running a workshop or design sprint | **Workshop Facilitation** |
| Question about a specific principle (loss aversion, social proof, etc.) | **Principle Explanation + Application** |
| Designing or evaluating a nudge or intervention | **Intervention Design** |
| Reviewing whether a proposed design is ethical | **Ethics Review** |

---

## Phase 1: Behavioral Diagnosis

### Step 1 - Define the Behavior

Before diagnosing barriers, lock down a precise behavior. Vague goals produce vague solutions.

A well-defined behavior is:

Read the full skill on GitHub

Details

Skill name: behavioral-design
Repository: rastian/behavioral-design-skills
Repo updated: 31 August 2026

FAQ

What does the Behavioral Design skill do?

How do I install the Behavioral Design skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add rastian/behavioral-design-skills --skill behavioral-design. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Behavioral Design popular?

It lives in rastian/behavioral-design-skills, which has 34 GitHub stars and 4 forks.

Related skills

SVG Creator

upbrew-tech/svg-creator-skill

Create high-quality SVG graphics including icons, illustrations, logos, diagrams, infographics, patterns, animations, and abstract art. Use this skill whenever the user asks to create, draw, design, or generate any SVG image, vector graphic, icon, logo, badge, diagram, flowchart, infographic, pattern, or animated graphic. Also trigger when the user says "draw me", "make an SVG", "create a graphic", "design an icon", "vector illustration", or requests any visual output that would be best served as an SVG file. This skill covers both simple single-element graphics and complex multi-layered compo

Frontend & Design

Social Cards

DennisWei9898/social-cards-engine

品牌無關的 IG/Threads/X/FB 圖卡引擎——把任何主題（idea / 文章 / 教學）變成輪播圖卡 + 4 平台文案。HTML+CSS 模板 → Chrome headless 渲染 PNG。風格由 brand pack 決定（brands/），接哪個 pack 出哪個風格，引擎不綁死品牌。觸發詞：做圖卡、生 carousel、social card、IG 圖卡、Threads 卡片、貼文文案、教學圖卡、infographic、輪播圖、carousel post。

Frontend & Design

Flow Preview

tanishqkancharla/flow-preview

Generates interactive Maui user-flow canvases using a bundled CLI, with linked states and persistent review checkboxes. Use when previewing, comparing, or reviewing a user journey across multiple UI states.

Frontend & Design

Clone Team

Varalix-Digitech-Solutions/clone-team

Clone any website with a coordinated team of AI agents — a Manager (you), a Frontend Developer, a Backend Architect, and a Tester — that iteratively and autonomously build a pixel-perfect UI clone AND produce thorough architecture documentation of how the site works. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, mirror, or copy a website — especially when they want it done thoroughly, in a specific tech stack (React, Vue, Svelte, Angular, etc.), behind a login, or with proper documentation. Triggers on "clone this site", "rebuild this app", "make a copy of <u

Frontend & DesignIn 1 list

Cardstock Diorama Myth Animation

sadekxD/cardstock-diorama-myth

Produce a complete narrated MYTHIC SHORT FILM end-to-end on Unsora MCP in the layered cut-paper diorama style — stacked matte cardstock worlds, a strict three-colour palette, exposure that swings, paper wipes hiding every seam, landing on a face. Animation-movie storytelling, not an explainer: gods, monsters, heroes, folklore, origin myths and transformations, told in ten-second story beats with a mythic narrator, native paper foley, and one assembled MP4. Use whenever the user wants a myth, legend, fable, folktale or fairy-tale short, a cut-paper or papercraft animated story, "tell the story

Frontend & Design

Product Promo Animation

jitOffice/jit-motion

Generate a single-file, self-contained HTML product promotional animation video (15-30s) from a product brief/PRD. Produces a multi-scene GSAP timeline storyboard, a four aspect-ratio switcher (16:9/4:3/1:1/9:16), a zero-emoji SVG icon system, brand colors harvested from the official site, playback controls, and SEO video metadata. Use when the user asks for a product promo animation, marketing/ad video, animated HTML demo, or product launch video, or mentions building a product video with GSAP/motion/SVG. 基于产品需求文档/PRD/简介生成单文件、自包含的 HTML 产品宣传动画视频；当用户要求制作产品宣传动画、营销/广告视频、HTML 动画演示或产品发布视频时使用。

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.