Agent skill

UX Design Thinking

by asgard-ai-platform in asgard-ai-platform/skills

Apply Design Thinking's five stages — Empathize, Define, Ideate, Prototype, Test — to solve user-centered problems.

Install UX Design Thinking

skills CLI

$ npx skills add asgard-ai-platform/skills --skill ux-design-thinking -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install asgard-ai-platform/skills ux-design-thinking --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/asgard-ai-platform/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/ux-design-thinking .claude/skills/ux-design-thinking && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "ux-design-thinking" agent skill from https://github.com/asgard-ai-platform/skills/tree/main/ux-design-thinking into .claude/skills/ux-design-thinking/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-design-thinking", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/asgard-ai-platform/skills/tree/main/ux-design-thinking

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add asgard-ai-platform/skills --skill ux-design-thinking -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install asgard-ai-platform/skills ux-design-thinking --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/asgard-ai-platform/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/ux-design-thinking .agents/skills/ux-design-thinking && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "ux-design-thinking" agent skill from https://github.com/asgard-ai-platform/skills/tree/main/ux-design-thinking into .agents/skills/ux-design-thinking/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-design-thinking", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add asgard-ai-platform/skills --skill ux-design-thinking -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install asgard-ai-platform/skills ux-design-thinking --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/asgard-ai-platform/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/ux-design-thinking .cursor/skills/ux-design-thinking && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "ux-design-thinking" agent skill from https://github.com/asgard-ai-platform/skills/tree/main/ux-design-thinking into .cursor/skills/ux-design-thinking/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-design-thinking", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/asgard-ai-platform/skills.git --path ux-design-thinking

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add asgard-ai-platform/skills --skill ux-design-thinking -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install asgard-ai-platform/skills ux-design-thinking --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/asgard-ai-platform/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/ux-design-thinking .gemini/skills/ux-design-thinking && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "ux-design-thinking" agent skill from https://github.com/asgard-ai-platform/skills/tree/main/ux-design-thinking into .gemini/skills/ux-design-thinking/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-design-thinking", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install asgard-ai-platform/skills ux-design-thinking

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add asgard-ai-platform/skills --skill ux-design-thinking -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/asgard-ai-platform/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/ux-design-thinking .github/skills/ux-design-thinking && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "ux-design-thinking" agent skill from https://github.com/asgard-ai-platform/skills/tree/main/ux-design-thinking into .github/skills/ux-design-thinking/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-design-thinking", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add asgard-ai-platform/skills --skill ux-design-thinking -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install asgard-ai-platform/skills ux-design-thinking --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/asgard-ai-platform/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/ux-design-thinking .opencode/skills/ux-design-thinking && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "ux-design-thinking" agent skill from https://github.com/asgard-ai-platform/skills/tree/main/ux-design-thinking into .opencode/skills/ux-design-thinking/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-design-thinking", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: ux-design-thinking
GitHub stars: 242
Token cost: ~1.2k tokens
SKILL.md length: 430 words
Files: 3 (incl. references)
Skills in repo: 207
Repo updated: Jun 6, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Apply Design Thinking's five stages — Empathize, Define, Ideate, Prototype, Test — to solve user-centered problems.

The user needs to solve an ambiguous problem
SKILL.md covers Overview, Framework, Output Format and Examples, plus 2 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
Redesign a user experience

What it does

UX Design Thinking is an agent skill from asgard-ai-platform/skills. Apply Design Thinking's five stages — Empathize, Define, Ideate, Prototype, Test — to solve user-centered problems. Use this skill when the user needs to solve an ambiguous problem, redesign a user experience, facilitate an innovation workshop, or develop a new product concept from scratch — even if they say 'we don't know what to build', 'how do we innovate', or 'the users aren't happy but we're not sure why'.

Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `examples/sample_scenario.md` and `references/dt-exercises.md`).

It sits in Frontend & Design, covering UX design. The repository describes itself as: 301 open-source coding agent skills across 22 domains — methodology, judgment & gotchas packaged as Claude Agent Skills for the Asgard AI Platform. The licence is MIT.

When your agent uses it

The user needs to solve an ambiguous problem
Redesign a user experience
Facilitate an innovation workshop
Develop a new product concept from scratch — even if they say we dont know what to build

Example prompts

“we don”
“how do we innovate”
“the users aren”
“/ux-design-thinking”

What it can do on your machine

Read from SKILL.md and the folder at commit 4e7f4f8. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

UX Design Thinking loads about 1.2k tokens when it runs, and up to ~4.6k if it reads all its reference files. Until then it costs about 108 tokens; SKILL.md has 430 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~108
When it runs · the whole SKILL.md, loaded when a task matches: ~1.2k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~4.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from asgard-ai-platform/skills at commit 4e7f4f8, republished under its MIT licence (© asgard-ai-platform). 430 words, ~1,153 tokens.

Download SKILL.mdSave it as .claude/skills/ux-design-thinking/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.

name: ux-design-thinking
description: Apply Design Thinking's five stages — Empathize, Define, Ideate, Prototype, Test — to solve user-centered problems. Use this skill when the user needs to solve an ambiguous problem, redesign a user experience, facilitate an innovation workshop, or develop a new product concept from scratch — even if they say 'we don't know what to build', 'how do we innovate', or 'the users aren't happy but we're not sure why'.
metadata.category: WP-21 設計/資訊/傳播/公衛
metadata.tags: design, design-thinking, innovation, ux

Design Thinking

Overview

Design Thinking is a human-centered approach to innovation that integrates user needs, technological feasibility, and business viability. Its five stages are iterative, not linear — expect to loop back as understanding deepens.

Framework

IRON LAW: Empathize BEFORE Define, Define BEFORE Ideate

Jumping to solutions (Ideate) without understanding the problem (Define)
wastes effort solving the wrong problem. Defining the problem without
empathizing with users produces internally-focused problem statements.

The sequence matters: understand the human first, then frame the problem,
then generate solutions.

The Five Stages

1. Empathize — Understand the user's world

Observe, interview, immerse in the user's context
Goal: understand needs, pain points, and motivations (not just what they say, but what they do and feel)

2. Define — Frame the right problem

Synthesize empathy findings into a Point of View (POV) statement: [User] needs to [need] because [insight]
A well-defined problem is half-solved. Reframe if needed.

3. Ideate — Generate many solutions

Diverge: quantity over quality. Defer judgment.
Techniques: brainstorming, How Might We questions, SCAMPER, worst possible idea
Then converge: vote, cluster, select 2-3 concepts to prototype

4. Prototype — Make ideas tangible

Build quick, cheap, disposable prototypes to learn
Fidelity should match the question: paper sketches for flow, clickable mocks for interaction, code for technical feasibility
Goal: test assumptions, not impress stakeholders

5. Test — Learn from real users

Put the prototype in front of real users
Observe behavior, don't just ask opinions
What worked? What failed? What surprised you?
Loop back to Empathize or Define if core assumptions were wrong

Output Format

markdown

# Design Thinking Sprint: {Challenge}

## Empathize
- User: {who}
- Key insights from research: ...
- Surprises: ...

## Define
- POV: [User] needs to [need] because [insight]
- How Might We: {3-5 HMW questions}

## Ideate
- Ideas generated: {count}
- Top 3 concepts: ...

## Prototype
- Prototype type: {paper / digital / physical}
- What it tests: {specific assumption}

## Test
- User feedback: ...
- Validated: {what was confirmed}
- Invalidated: {what was wrong}
- Next iteration: {what to change}

Examples

Correct Application

Scenario: Redesigning hospital waiting room experience

Empathize: Observed patients for 3 days. Key insight: anxiety peaks not from wait time but from UNCERTAINTY about wait time.
Define: "Patients need to feel informed about their wait status because uncertainty amplifies anxiety beyond what the actual wait causes."
Ideate: 40+ ideas → top 3: real-time queue display, SMS position updates, estimated-time kiosk
Prototype: Paper prototype of SMS update flow (5 min to build)
Test: 8 patients tested → 6 reported feeling "much less anxious" even though actual wait didn't change ✓

Show full SKILL.md (137 more words)Show less

Incorrect Application

Skipped Empathize, started with "we need a new app feature" → Solutioning without understanding the problem. Violates Iron Law.

Gotchas

"Fail fast" requires psychological safety: Teams won't experiment if failure is punished. Establish that prototypes are meant to fail — that's learning.
HMW questions set the solution space: "How might we reduce wait time?" leads to different solutions than "How might we reduce anxiety during waits?" Frame carefully.
Prototype ≠ MVP: A prototype tests a hypothesis cheaply. An MVP is a viable product. Don't over-build prototypes.
Design Thinking is not just for designers: It applies to services, processes, policies, business models — any problem involving human needs.
Iteration is not optional: If you run through all 5 stages once without looping back, you've done waterfall with sticky notes, not Design Thinking.

References

For facilitation exercises per stage, see references/dt-exercises.md

Files

SKILL.md and 2 other files (references) in ux-design-thinking of asgard-ai-platform/skills.

SKILL.md
examples/sample_scenario.md
references/dt-exercises.md

Open the folder on GitHubat commit 4e7f4f8

Compare with similar skills

UX Design Thinking next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

UX Design Thinking compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
UX Design Thinking this skillasgard-ai-platform/skills	242	—	~1.2k	Automated safety check: Pass	MIT	4 mo ago
Impeccablebestofjs/bestofjs	3.1k	26 repos	~2.6k	Automated safety check: Pass	MIT	6 days ago
Interface Design for Dashboards and Appsholaboss-ai/holaOS	11k	3 repos	~6k	Automated safety check: Pass	MIT	1 mo ago
Animategrowupanand/ConvoForm	102	6 repos	~1.9k	Automated safety check: Pass	Apache-2.0	4 days ago
Migrate Content Iadocker/docs	4.7k	—	~5.1k	Automated safety check: Pass	Apache-2.0	yesterday
UX WalkthroughXiaoMi/hiui	879	—	~1.3k	Automated safety check: Pass	MIT	2 mo ago

Similar skills

Impeccable
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
3.1k GitHub starsUsed in 26 repos~2.6k tokens
Frontend & DesignAuto-check passed
Interface Design for Dashboards and Apps
holaboss-ai/holaOS
Pushes an agent past generic defaults when designing dashboards, admin panels, SaaS apps and tools, with attention to structure, type, navigation and how data is shown.
11k GitHub starsUsed in 3 repos~6k tokens
Frontend & DesignAuto-check passed
Animate
growupanand/ConvoForm
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.
102 GitHub starsUsed in 6 repos~1.9k tokens
Frontend & DesignAuto-check passed
Migrate Content Ia
docker/docs
Official
Handle Hugo docs information-architecture moves: discover old vs new URLs, add front matter aliases (Phase 1), update in-repo links (Phase 2), interactive List 2 resolution and fragment validation…
4.7k GitHub stars~5.1k tokensUpdated yesterday
Frontend & DesignAuto-check passed
UX Walkthrough
XiaoMi/hiui
体验走查 skill。适用于代码库、URL、截图三种输入，输出结构化体验问题报告，并同步生成本地 docx 报告。触发词：体验走查、UX review、交互走查、界面审查、体验问题。
879 GitHub stars~1.3k tokensUpdated 2 mo ago
Frontend & DesignAuto-check passed
Color Audit
rome-os/rome
Audit a design system's color palette against measurable color-science disciplines — WCAG/APCA contrast of declared token pairs, perceptual (OKLCH) ramp uniformity, color-blindness safety of…
743 GitHub stars~2.7k tokensUpdated today
Frontend & DesignAuto-check passed

Questions about UX Design Thinking

What does UX Design Thinking do?

Apply Design Thinking's five stages — Empathize, Define, Ideate, Prototype, Test — to solve user-centered problems. UX Design Thinking is an agent skill from asgard-ai-platform/skills. Apply Design Thinking's five stages — Empathize, Define, Ideate, Prototype, Test — to solve user-centered problems.

When should I use UX Design Thinking?

UX Design Thinking fits situations like: the user needs to solve an ambiguous problem; redesign a user experience; facilitate an innovation workshop; develop a new product concept from scratch — even if they say we dont know what to build.

How do I install UX Design Thinking in Claude Code?

Run `npx skills add asgard-ai-platform/skills --skill ux-design-thinking -a claude-code`. Or copy the skill folder (ux-design-thinking in asgard-ai-platform/skills) into .claude/skills/ux-design-thinking in your project. Claude Code loads it when a task matches its description.

How do I install UX Design Thinking in Codex?

Run `npx skills add asgard-ai-platform/skills --skill ux-design-thinking -a codex`. Or copy the skill folder (ux-design-thinking in asgard-ai-platform/skills) into .agents/skills/ux-design-thinking in your project. Codex loads it when a task matches its description.

Can I use UX Design Thinking in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add asgard-ai-platform/skills --skill ux-design-thinking -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ux-design-thinking, .gemini/skills/ux-design-thinking, .github/skills/ux-design-thinking and .opencode/skills/ux-design-thinking in your project.

What does UX Design Thinking need to run?

SKILL.md names no scripts, command-line tools or credentials: UX Design Thinking is instructions for the agent only.

Does UX Design Thinking access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is UX Design Thinking safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does UX Design Thinking use?

UX Design Thinking is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does UX Design Thinking use?

About 1.2k tokens (SKILL.md is roughly 4.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.5k tokens, read only when the agent opens those files.

What are the alternatives to UX Design Thinking?

Skills that share tags, products or a category with UX Design Thinking: Impeccable (bestofjs/bestofjs, 3.1k stars), Interface Design for Dashboards and Apps (holaboss-ai/holaOS, 11k stars), Animate (growupanand/ConvoForm, 102 stars) and Migrate Content Ia (docker/docs, 4.7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UX Design Thinking?

asgard-ai-platform (a GitHub organization) maintains it in asgard-ai-platform/skills, which has 242 GitHub stars. The repository holds 207 skills in this directory. The repository was last updated on June 6, 2026.

Source: asgard-ai-platform/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install UX Design Thinking

Facts

At a glance

What it does

When your agent uses it

Example prompts

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Design Thinking

Overview

Framework

The Five Stages

Output Format

Examples

Correct Application

Incorrect Application

Gotchas

References

Files

Compare with similar skills

Similar skills

More from asgard-ai-platform/skills

Related

Questions about UX Design Thinking