·interaction-design
*

interaction-design

基於使用者目標和認知原則設計直覺、有意義的互動。在設計組件行為、使用者流程、回饋系統、錯誤處理、載入狀態、轉換、可訪問性、鍵盤導航、觸控/手勢互動或評估互動品質時使用。也可用於模式與非模式決策、直接操作模式、輸入設備考慮因素、使用者體驗的情感/戲劇方面,或當被問及如何使介面感覺響應靈敏、人性化和目標導向時。

5安裝·0熱度·@petekp

安裝

$npx skills add https://github.com/petekp/claude-skills --skill interaction-design

如何安裝 interaction-design

透過命令列快速安裝 interaction-design AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/petekp/claude-skills --skill interaction-design
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:petekp/claude-skills。

SKILL.md

查看原文

Design interactions that help real people accomplish real goals with minimum friction and maximum meaning.

Before any pattern or timing value, ask: What is the user trying to accomplish, and how does this interaction help or hinder that goal?

Interaction design is not about mechanisms. It is about helping specific people achieve specific purposes while respecting their time, attention, and humanity.

基於使用者目標和認知原則設計直覺、有意義的互動。在設計組件行為、使用者流程、回饋系統、錯誤處理、載入狀態、轉換、可訪問性、鍵盤導航、觸控/手勢互動或評估互動品質時使用。也可用於模式與非模式決策、直接操作模式、輸入設備考慮因素、使用者體驗的情感/戲劇方面,或當被問及如何使介面感覺響應靈敏、人性化和目標導向時。 來源:petekp/claude-skills。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/petekp/claude-skills --skill interaction-design
分類
*創意媒體
認證
收錄時間
2026-02-25
更新時間
2026-03-11

Browse more skills from petekp/claude-skills

快速解答

什麼是 interaction-design?

基於使用者目標和認知原則設計直覺、有意義的互動。在設計組件行為、使用者流程、回饋系統、錯誤處理、載入狀態、轉換、可訪問性、鍵盤導航、觸控/手勢互動或評估互動品質時使用。也可用於模式與非模式決策、直接操作模式、輸入設備考慮因素、使用者體驗的情感/戲劇方面,或當被問及如何使介面感覺響應靈敏、人性化和目標導向時。 來源:petekp/claude-skills。

如何安裝 interaction-design?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/petekp/claude-skills --skill interaction-design 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/petekp/claude-skills