·interaction-design
*

interaction-design

teslasoft-de/claude-skills-marketplace

사용자 상호 작용, 흐름 및 인터페이스 동작을 디자인합니다. 와이어프레임, 프로토타입, 마이크로 상호 작용, 사용자 흐름, 상태 머신, 어포던스 디자인 및 유용성 검토에 사용합니다. IxD 원리, Nielsen 휴리스틱, Fitts의 법칙, Hick의 법칙 및 새로운 패러다임(공간, 대화, 제스처 기반 인터페이스)을 다룹니다. 키워드: IxD, 와이어프레임, 프로토타입, 사용자 흐름, 마이크로 인터랙션, UI 상태 다이어그램, 화면 흐름, 클릭 가능한 프로토타입, 인터랙션 패턴.

3설치·0트렌드·@teslasoft-de

설치

$npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design

SKILL.md

Design interactive digital products with a focus on how users engage with interfaces. IxD bridges user needs and system capabilities through controls, feedback, and information flows.

| Flow misses edge cases | Add error states, review with scenarios | | Wireframes unclear | Add annotations, increase fidelity | | States incomplete | Use state machine diagram, list all transitions | | Users confused in testing | Simplify, improve affordances and signifiers | | Accessibility gaps | Apply WCAG 2.2 checklist, test with screen reader |

| Nielsen heuristics, Fitts's Law, Hick's Law | Principles | | Wireframes, prototypes, user flows, micro-interactions | Artifacts | | Spatial, conversational, gesture paradigms | Emerging | | Flow diagrams, state machines, worked examples | Examples |

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design
카테고리
*크리에이티브
인증됨
최초 등록
2026-02-05
업데이트
2026-02-18

빠른 답변

interaction-design이란?

사용자 상호 작용, 흐름 및 인터페이스 동작을 디자인합니다. 와이어프레임, 프로토타입, 마이크로 상호 작용, 사용자 흐름, 상태 머신, 어포던스 디자인 및 유용성 검토에 사용합니다. IxD 원리, Nielsen 휴리스틱, Fitts의 법칙, Hick의 법칙 및 새로운 패러다임(공간, 대화, 제스처 기반 인터페이스)을 다룹니다. 키워드: IxD, 와이어프레임, 프로토타입, 사용자 흐름, 마이크로 인터랙션, UI 상태 다이어그램, 화면 흐름, 클릭 가능한 프로토타입, 인터랙션 패턴. 출처: teslasoft-de/claude-skills-marketplace.

interaction-design 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/teslasoft-de/claude-skills-marketplace

상세

카테고리
*크리에이티브
출처
skills.sh
최초 등록
2026-02-05

관련 Skills

없음