https://K3tty5555.github.io/LearnUI_PM/ the visual dictionary of UI - bilingual UI dictionary https://K3tty5555.github.io/LearnUI_PM/web/text-scramble/ https://K3tty5555.github.io/LearnUI_PM/web/text-scramble/ Sun, 13 Sep 2026 02:08:56 +0000 Random characters churn and settle into the real text / 随机字符不停翻滚，最终落定成真正的文字 https://K3tty5555.github.io/LearnUI_PM/web/spring/ https://K3tty5555.github.io/LearnUI_PM/web/spring/ Sun, 13 Sep 2026 02:08:56 +0000 Physics-based motion that overshoots the target and settles / 基于物理的运动：冲过目标，再缓缓停稳 https://K3tty5555.github.io/LearnUI_PM/web/easing/ https://K3tty5555.github.io/LearnUI_PM/web/easing/ Sun, 13 Sep 2026 02:08:56 +0000 The speed curve of an animation — why motion feels smooth or robotic / 动画的速度曲线 —— 决定动起来是顺滑还是僵硬 https://K3tty5555.github.io/LearnUI_PM/web/masonry/ https://K3tty5555.github.io/LearnUI_PM/web/masonry/ Sun, 13 Sep 2026 02:08:56 +0000 Cards of different heights packed into columns with no row gaps / 高度各异的卡片紧塞进列中，行线完全错开 https://K3tty5555.github.io/LearnUI_PM/web/bento-grid/ https://K3tty5555.github.io/LearnUI_PM/web/bento-grid/ Sun, 13 Sep 2026 02:08:56 +0000 One grid, mixed tile sizes — a layout packed like a bento box / 一个网格，大小不一的格子 —— 像便当盒一样紧凑分装的布局 https://K3tty5555.github.io/LearnUI_PM/web/spatial-card-layouts/ https://K3tty5555.github.io/LearnUI_PM/web/spatial-card-layouts/ Sun, 13 Sep 2026 02:08:56 +0000 A card collection arranged in space so depth explains order, focus, and browsing / 让卡片集合在空间中排列，用纵深解释顺序、焦点和浏览方式 https://K3tty5555.github.io/LearnUI_PM/web/hamburger-menu/ https://K3tty5555.github.io/LearnUI_PM/web/hamburger-menu/ Sun, 13 Sep 2026 02:08:56 +0000 The three-line button and the navigation panel it slides open / 三条线的按钮，以及它滑出的导航面板 https://K3tty5555.github.io/LearnUI_PM/web/lightbox/ https://K3tty5555.github.io/LearnUI_PM/web/lightbox/ Sun, 13 Sep 2026 02:08:56 +0000 The click-to-enlarge image overlay that dims the page behind it / 点图放大、背后页面变暗的图片浮层 https://K3tty5555.github.io/LearnUI_PM/web/marquee/ https://K3tty5555.github.io/LearnUI_PM/web/marquee/ Sun, 13 Sep 2026 02:08:56 +0000 Content that auto-scrolls sideways in an endless loop / 横向自动滚动、无限循环的内容 https://K3tty5555.github.io/LearnUI_PM/macos/pointer/ https://K3tty5555.github.io/LearnUI_PM/macos/pointer/ Sun, 13 Sep 2026 02:08:56 +0000 Every shape the mouse pointer takes — and the real name of each one / 鼠标指针的每一种形态 —— 以及它们各自的本名 https://K3tty5555.github.io/LearnUI_PM/macos/alert/ https://K3tty5555.github.io/LearnUI_PM/macos/alert/ Sun, 13 Sep 2026 02:08:56 +0000 The small centered window with a badged icon, a bold line, and Cancel/OK buttons / 居中的小窗口：带角标的图标、一行粗体字，以及“取消/好”按钮 https://K3tty5555.github.io/LearnUI_PM/macos/slider/ https://K3tty5555.github.io/LearnUI_PM/macos/slider/ Sun, 13 Sep 2026 02:08:56 +0000 The round knob you drag along a track to pick a value from a range / 沿轨道拖动的圆钮，用来在一个范围里取值 https://K3tty5555.github.io/LearnUI_PM/macos/color-well/ https://K3tty5555.github.io/LearnUI_PM/macos/color-well/ Sun, 13 Sep 2026 02:08:56 +0000 The little swatch button that shows the current color and opens the picker / 显示当前颜色的小色块按钮，点开就是取色器 https://K3tty5555.github.io/LearnUI_PM/web/form-field/ https://K3tty5555.github.io/LearnUI_PM/web/form-field/ Sun, 13 Sep 2026 02:08:56 +0000 Every part of a labeled input — label, placeholder, helper text, and the red error line / 带标签输入框的每个部分 —— 标签、占位文本、辅助文本和那行红色错误信息 https://K3tty5555.github.io/LearnUI_PM/web/truncation/ https://K3tty5555.github.io/LearnUI_PM/web/truncation/ Sun, 13 Sep 2026 02:08:56 +0000 Text cut short with … — at the end of the line, after N lines, or in the middle / 用 … 把文本截短 —— 在行尾、在 N 行之后，或者在中间 https://K3tty5555.github.io/LearnUI_PM/web/drag-and-drop/ https://K3tty5555.github.io/LearnUI_PM/web/drag-and-drop/ Sun, 13 Sep 2026 02:08:56 +0000 The grips, handles, previews, and landing cues around a drag interaction / 拖拽交互周边的抓手、手柄、预览和落点提示 https://K3tty5555.github.io/LearnUI_PM/web/divider/ https://K3tty5555.github.io/LearnUI_PM/web/divider/ Sun, 13 Sep 2026 02:08:56 +0000 The same thin line can mark a topic break, separate controls, or be decoration / 同一条细线，可以是话题转折、控件分隔，也可以只是装饰 https://K3tty5555.github.io/LearnUI_PM/web/progress-indicators/ https://K3tty5555.github.io/LearnUI_PM/web/progress-indicators/ Sun, 13 Sep 2026 02:08:56 +0000 A spinner means wait; a ring or bar can show how much work is complete / Spinner 只表示「请等待」；进度环或进度条能显示已经完成了多少 https://K3tty5555.github.io/LearnUI_PM/macos/window/ https://K3tty5555.github.io/LearnUI_PM/macos/window/ Sun, 13 Sep 2026 02:08:56 +0000 The movable Mac app frame, from its title bar and toolbar to its resize edges / 可移动的 Mac 应用框架，从标题栏、工具栏一直到调整大小的边缘 https://K3tty5555.github.io/LearnUI_PM/macos/split-view/ https://K3tty5555.github.io/LearnUI_PM/macos/split-view/ Sun, 13 Sep 2026 02:08:56 +0000 Resizable panes separated by a draggable divider inside a Mac window / Mac 窗口里由可拖动分隔条隔开、可各自调整大小的窗格 https://K3tty5555.github.io/LearnUI_PM/macos/scroll-view/ https://K3tty5555.github.io/LearnUI_PM/macos/scroll-view/ Sun, 13 Sep 2026 02:08:56 +0000 A viewport whose AppKit scrollbar is called a scroller / 一个视口，它的滚动条在 AppKit 里叫 scroller https://K3tty5555.github.io/LearnUI_PM/macos/search-field/ https://K3tty5555.github.io/LearnUI_PM/macos/search-field/ Sun, 13 Sep 2026 02:08:56 +0000 A Mac text field with built-in search, clearing, and recent-query controls / Mac 上的文本输入框，自带搜索、清除和最近查询控件 https://K3tty5555.github.io/LearnUI_PM/macos/save-panel/ https://K3tty5555.github.io/LearnUI_PM/macos/save-panel/ Sun, 13 Sep 2026 02:08:56 +0000 The standard Mac dialog for naming a file and choosing where to save it / Mac 上给文件起名、选择存储位置的标准对话框 https://K3tty5555.github.io/LearnUI_PM/macos/token-field/ https://K3tty5555.github.io/LearnUI_PM/macos/token-field/ Sun, 13 Sep 2026 02:08:56 +0000 A text input that turns recognized values into removable rounded tokens / 一种文本输入框，能把识别出来的值变成可移除的圆角令牌 https://K3tty5555.github.io/LearnUI_PM/macos/combo-button/ https://K3tty5555.github.io/LearnUI_PM/macos/combo-button/ Sun, 13 Sep 2026 02:08:56 +0000 A primary action joined to a separate arrow that opens related actions / 主操作和一个独立箭头拼在一起，箭头打开相关操作 https://K3tty5555.github.io/LearnUI_PM/macos/level-indicator/ https://K3tty5555.github.io/LearnUI_PM/macos/level-indicator/ Sun, 13 Sep 2026 02:08:56 +0000 A Mac gauge rendered as a capacity bar, rating stars, or relevance meter / Mac 上的量表：容量条、评分星星或相关度仪表 https://K3tty5555.github.io/LearnUI_PM/macos/column-view/ https://K3tty5555.github.io/LearnUI_PM/macos/column-view/ Sun, 13 Sep 2026 02:08:56 +0000 Finder-style columns that reveal each successive level of a hierarchy / Finder 风格的分栏，逐级展开层级结构 https://K3tty5555.github.io/LearnUI_PM/macos/outline-view/ https://K3tty5555.github.io/LearnUI_PM/macos/outline-view/ Sun, 13 Sep 2026 02:08:56 +0000 An indented tree of rows that expand to reveal nested children / 一棵带缩进的行树，展开后露出嵌套的子行 https://K3tty5555.github.io/LearnUI_PM/web/three-dots/ https://K3tty5555.github.io/LearnUI_PM/web/three-dots/ Sun, 13 Sep 2026 02:08:56 +0000 Horizontal dots, vertical dots, three lines, and an ellipsis mean different things / 横排三个点、竖排三个点、三条横线和省略号，含义各不相同 https://K3tty5555.github.io/LearnUI_PM/macos/menu-bar/ https://K3tty5555.github.io/LearnUI_PM/macos/menu-bar/ Sun, 13 Sep 2026 02:08:56 +0000 The strip along the top of the Mac screen — every part, labeled / Mac 屏幕顶部那条横条——每个部件都标上名字 https://K3tty5555.github.io/LearnUI_PM/macos/context-menu/ https://K3tty5555.github.io/LearnUI_PM/macos/context-menu/ Sun, 13 Sep 2026 02:08:56 +0000 The menu opened at the pointer by right-clicking or Control-clicking an item / 在项目上右键点按或 Control-点按，在指针处打开的菜单 https://K3tty5555.github.io/LearnUI_PM/macos/disclosure-triangle/ https://K3tty5555.github.io/LearnUI_PM/macos/disclosure-triangle/ Sun, 13 Sep 2026 02:08:56 +0000 The small rotating control that reveals or hides nested content / 那个会旋转的小控件，用来显示或隐藏嵌套内容 https://K3tty5555.github.io/LearnUI_PM/macos/dock-badge/ https://K3tty5555.github.io/LearnUI_PM/macos/dock-badge/ Sun, 13 Sep 2026 02:08:56 +0000 The red count or status label overlaid on an app's Dock icon / 叠在应用 Dock 图标上的红色数量或状态标签 https://K3tty5555.github.io/LearnUI_PM/macos/focus-ring/ https://K3tty5555.github.io/LearnUI_PM/macos/focus-ring/ Sun, 13 Sep 2026 02:08:56 +0000 The accent-colored glow that identifies the control receiving keyboard input / 标示当前接收键盘输入的控件的强调色光晕 https://K3tty5555.github.io/LearnUI_PM/macos/inspector/ https://K3tty5555.github.io/LearnUI_PM/macos/inspector/ Sun, 13 Sep 2026 02:08:56 +0000 The right-hand panel for viewing and editing details of the current selection / 右侧用于查看和编辑当前选中项详情的面板 https://K3tty5555.github.io/LearnUI_PM/macos/panel/ https://K3tty5555.github.io/LearnUI_PM/macos/panel/ Sun, 13 Sep 2026 02:08:56 +0000 An auxiliary macOS window that floats above related document windows / 悬浮在相关文稿窗口上方的 macOS 辅助窗口 https://K3tty5555.github.io/LearnUI_PM/macos/popover/ https://K3tty5555.github.io/LearnUI_PM/macos/popover/ Sun, 13 Sep 2026 02:08:56 +0000 A floating bubble whose arrow points back to the control that opened it / 带箭头的浮动气泡，箭头指回打开它的控件 https://K3tty5555.github.io/LearnUI_PM/macos/popup-pulldown-combo/ https://K3tty5555.github.io/LearnUI_PM/macos/popup-pulldown-combo/ Sun, 13 Sep 2026 02:08:56 +0000 Three similar-looking macOS controls for choosing a value or invoking a menu action / 三个外观相似的 macOS 控件，分别用于选取一个值或触发菜单操作 https://K3tty5555.github.io/LearnUI_PM/macos/segmented-control/ https://K3tty5555.github.io/LearnUI_PM/macos/segmented-control/ Sun, 13 Sep 2026 02:08:56 +0000 A row of connected choices with the current segment visibly selected / 一排相连的选项，当前选中的分段清晰可见 https://K3tty5555.github.io/LearnUI_PM/macos/sheet/ https://K3tty5555.github.io/LearnUI_PM/macos/sheet/ Sun, 13 Sep 2026 02:08:56 +0000 A modal panel attached to one macOS window rather than the whole app / 只附着于单个 macOS 窗口、而非整个 App 的模态面板 https://K3tty5555.github.io/LearnUI_PM/macos/sidebar/ https://K3tty5555.github.io/LearnUI_PM/macos/sidebar/ Sun, 13 Sep 2026 02:08:56 +0000 The translucent navigation column along the left edge of a macOS window / 位于 macOS 窗口左缘的半透明导航列 https://K3tty5555.github.io/LearnUI_PM/macos/stepper/ https://K3tty5555.github.io/LearnUI_PM/macos/stepper/ Sun, 13 Sep 2026 02:08:56 +0000 The compact up-and-down arrow pair used to increment or decrement a value / 一对紧凑的上下箭头，用来递增或递减数值 https://K3tty5555.github.io/LearnUI_PM/macos/toolbar/ https://K3tty5555.github.io/LearnUI_PM/macos/toolbar/ Sun, 13 Sep 2026 02:08:56 +0000 A row of window actions integrated with the modern macOS title bar / 与现代 macOS 标题栏融为一体的一排窗口操作 https://K3tty5555.github.io/LearnUI_PM/macos/traffic-lights/ https://K3tty5555.github.io/LearnUI_PM/macos/traffic-lights/ Sun, 13 Sep 2026 02:08:56 +0000 The red, yellow, and green controls at the top-left of a macOS window / macOS 窗口左上角的红、黄、绿三个控制按钮 https://K3tty5555.github.io/LearnUI_PM/macos/vibrancy/ https://K3tty5555.github.io/LearnUI_PM/macos/vibrancy/ Sun, 13 Sep 2026 02:08:56 +0000 The adaptive translucent background used behind macOS sidebars, menus, and panels / macOS 边栏、菜单和面板背后那种自适应的半透明背景 https://K3tty5555.github.io/LearnUI_PM/web/toast/ https://K3tty5555.github.io/LearnUI_PM/web/toast/ Sun, 13 Sep 2026 02:08:56 +0000 A brief, non-blocking message that appears after an action / 操作完成后短暂出现、不打断流程的消息 https://K3tty5555.github.io/LearnUI_PM/web/dialog-drawer-sheet/ https://K3tty5555.github.io/LearnUI_PM/web/dialog-drawer-sheet/ Sun, 13 Sep 2026 02:08:56 +0000 Three overlay patterns distinguished by placement, scope, and task depth / 三种覆盖层模式，按位置、范围和任务深度区分 https://K3tty5555.github.io/LearnUI_PM/web/popover-dropdown-tooltip/ https://K3tty5555.github.io/LearnUI_PM/web/popover-dropdown-tooltip/ Sun, 13 Sep 2026 02:08:56 +0000 Three anchored overlays with different triggers, content, and dismissal rules / 三种锚定式覆盖层，触发方式、内容和关闭规则各不相同 https://K3tty5555.github.io/LearnUI_PM/web/scrim/ https://K3tty5555.github.io/LearnUI_PM/web/scrim/ Sun, 13 Sep 2026 02:08:56 +0000 The translucent layer that separates a modal surface from the page / 把模态界面与页面隔开的那层半透明层 https://K3tty5555.github.io/LearnUI_PM/web/skeleton-spinner/ https://K3tty5555.github.io/LearnUI_PM/web/skeleton-spinner/ Sun, 13 Sep 2026 02:08:56 +0000 Two loading indicators for predictable layouts and indeterminate waits / 两种加载指示器：一个给布局可预期的内容占位，一个应付时长未知的等待 https://K3tty5555.github.io/LearnUI_PM/web/combobox/ https://K3tty5555.github.io/LearnUI_PM/web/combobox/ Sun, 13 Sep 2026 02:08:56 +0000 A text input paired with a filtered list of selectable suggestions / 一个文本输入框，配一个按输入过滤、可供选择的建议列表 https://K3tty5555.github.io/LearnUI_PM/web/command-palette/ https://K3tty5555.github.io/LearnUI_PM/web/command-palette/ Sun, 13 Sep 2026 02:08:56 +0000 A keyboard-first searchable launcher for actions and navigation / 键盘优先的可搜索启动器，用来执行操作和跳转导航 https://K3tty5555.github.io/LearnUI_PM/web/accordion/ https://K3tty5555.github.io/LearnUI_PM/web/accordion/ Sun, 13 Sep 2026 02:08:56 +0000 Stacked sections whose headings expand and collapse their content / 堆叠的分区，点标题即可展开或收起对应内容 https://K3tty5555.github.io/LearnUI_PM/web/tabs/ https://K3tty5555.github.io/LearnUI_PM/web/tabs/ Sun, 13 Sep 2026 02:08:56 +0000 A single row of labels that switches one shared content region / 一排标签，切换同一块共享内容区 https://K3tty5555.github.io/LearnUI_PM/web/badge-chip-pill/ https://K3tty5555.github.io/LearnUI_PM/web/badge-chip-pill/ Sun, 13 Sep 2026 02:08:56 +0000 Compact labels distinguished by meaning, shape, and interactivity / 同样是小标签，靠含义、形状和可交互性来区分 https://K3tty5555.github.io/LearnUI_PM/web/breadcrumbs/ https://K3tty5555.github.io/LearnUI_PM/web/breadcrumbs/ Sun, 13 Sep 2026 02:08:56 +0000 A hierarchy trail from the current page back to its ancestors / 一条从当前页面回溯到各级上级的层级路径 https://K3tty5555.github.io/LearnUI_PM/web/sticky-fixed/ https://K3tty5555.github.io/LearnUI_PM/web/sticky-fixed/ Sun, 13 Sep 2026 02:08:56 +0000 Two ways to keep an element visible with different containing blocks / 两种让元素保持可见的定位方式，包含块各不相同 https://K3tty5555.github.io/LearnUI_PM/web/focus-ring-web/ https://K3tty5555.github.io/LearnUI_PM/web/focus-ring-web/ Sun, 13 Sep 2026 02:08:56 +0000 The keyboard-aware outline that identifies the active control / 感知键盘操作的轮廓线，标识当前活动的控件 https://K3tty5555.github.io/LearnUI_PM/web/empty-state/ https://K3tty5555.github.io/LearnUI_PM/web/empty-state/ Sun, 13 Sep 2026 02:08:56 +0000 Purposeful guidance shown when a view has no content yet / 视图还没有内容时，给出有目的的引导 https://K3tty5555.github.io/LearnUI_PM/web/hover-card/ https://K3tty5555.github.io/LearnUI_PM/web/hover-card/ Sun, 13 Sep 2026 02:08:56 +0000 A rich, non-modal preview revealed from a hovered or focused reference / 悬停或聚焦某个参照物时浮现的富内容、非模态预览 https://K3tty5555.github.io/LearnUI_PM/web/switch-checkbox-radio/ https://K3tty5555.github.io/LearnUI_PM/web/switch-checkbox-radio/ Sun, 13 Sep 2026 02:08:56 +0000 Controls for an on/off setting, independent choices, or one choice from a group / 三种控件：管开/关的设置、各自独立的多选、组内只能选一个 https://K3tty5555.github.io/LearnUI_PM/web/toggle-group/ https://K3tty5555.github.io/LearnUI_PM/web/toggle-group/ Sun, 13 Sep 2026 02:08:56 +0000 A connected row of compact options with one persistent selection / 连成一排的紧凑选项，其中一项保持选中 https://K3tty5555.github.io/LearnUI_PM/macos/menu-bar-extra/ https://K3tty5555.github.io/LearnUI_PM/macos/menu-bar-extra/ Sun, 13 Sep 2026 02:08:56 +0000 The icon that lives on the right side of the macOS menu bar / 住在 macOS 菜单栏右侧的那个图标 https://K3tty5555.github.io/LearnUI_PM/web/container-morph/ https://K3tty5555.github.io/LearnUI_PM/web/container-morph/ Sun, 13 Sep 2026 02:08:56 +0000 A container changes shape, size, or layout while its content stays continuous / 容器改变形状、大小或排版，但内容始终保持连续 https://K3tty5555.github.io/LearnUI_PM/web/otp-input/ https://K3tty5555.github.io/LearnUI_PM/web/otp-input/ Sun, 13 Sep 2026 02:08:56 +0000 A segmented field for entering a short verification code / 用于输入短验证码的分段式输入框 https://K3tty5555.github.io/LearnUI_PM/web/duration-picker/ https://K3tty5555.github.io/LearnUI_PM/web/duration-picker/ Sun, 13 Sep 2026 02:08:56 +0000 A compact control for choosing an amount of time / 用于选择一段时间长度的紧凑控件 https://K3tty5555.github.io/LearnUI_PM/web/animated-counter/ https://K3tty5555.github.io/LearnUI_PM/web/animated-counter/ Sun, 13 Sep 2026 02:08:56 +0000 A value that counts to a new number so the change is easy to notice / 用短暂计数过程让数值变化更容易被注意到 https://K3tty5555.github.io/LearnUI_PM/web/scroll-progress-indicator/ https://K3tty5555.github.io/LearnUI_PM/web/scroll-progress-indicator/ Sun, 13 Sep 2026 02:08:56 +0000 A small cue showing how far a reader has moved through a long page / 显示读者在长页面中已经阅读到哪里 https://K3tty5555.github.io/LearnUI_PM/web/code-block/ https://K3tty5555.github.io/LearnUI_PM/web/code-block/ Sun, 13 Sep 2026 02:08:56 +0000 A readable code sample with context, copy, and line-level structure / 带有上下文、复制功能和逐行结构的可读代码示例 https://K3tty5555.github.io/LearnUI_PM/web/destructive-action/ https://K3tty5555.github.io/LearnUI_PM/web/destructive-action/ Sun, 13 Sep 2026 02:08:56 +0000 A clearly signposted action that can remove or irreversibly change data / 明确标记可能删除或不可逆改变数据的操作 https://K3tty5555.github.io/LearnUI_PM/web/ai-status-orb/ https://K3tty5555.github.io/LearnUI_PM/web/ai-status-orb/ Sun, 13 Sep 2026 02:08:56 +0000 A compact animated focal point that communicates an AI system's current state / 用紧凑的动态焦点表达 AI 系统当前处于什么状态 https://K3tty5555.github.io/LearnUI_PM/web/agent-processing-state/ https://K3tty5555.github.io/LearnUI_PM/web/agent-processing-state/ Sun, 13 Sep 2026 02:08:56 +0000 A visible status sequence that explains what an AI agent is doing between input and result / 让用户看见 AI Agent 在输入和结果之间正在做什么的状态序列 https://K3tty5555.github.io/LearnUI_PM/web/streaming-response/ https://K3tty5555.github.io/LearnUI_PM/web/streaming-response/ Sun, 13 Sep 2026 02:08:56 +0000 A response surface that reveals generated text as it arrives and stays interruptible / 让生成中的文字逐步出现，同时保持可停止、可重试和可复制 https://K3tty5555.github.io/LearnUI_PM/web/agent-approval-card/ https://K3tty5555.github.io/LearnUI_PM/web/agent-approval-card/ Sun, 13 Sep 2026 02:08:56 +0000 A human-in-the-loop checkpoint for reviewing and approving an agent plan or action / 在 Agent 执行计划或动作前，留出人工查看和批准的检查点 https://K3tty5555.github.io/LearnUI_PM/web/diff-viewer/ https://K3tty5555.github.io/LearnUI_PM/web/diff-viewer/ Sun, 13 Sep 2026 02:08:56 +0000 A line-aware comparison surface that makes additions, deletions, and changes safe to review / 让新增、删除和修改行可以安全审阅的逐行对比界面 https://K3tty5555.github.io/LearnUI_PM/web/agent-input-composer/ https://K3tty5555.github.io/LearnUI_PM/web/agent-input-composer/ Sun, 13 Sep 2026 02:08:56 +0000 A task input surface that combines a prompt with model, skill, and attachment context / 把 Prompt 与模型、Skill、附件上下文组合在一起的任务输入区 https://K3tty5555.github.io/LearnUI_PM/web/inline-citations/ https://K3tty5555.github.io/LearnUI_PM/web/inline-citations/ Sun, 13 Sep 2026 02:08:56 +0000 Source references placed beside a claim so an AI answer can be checked in context / 把来源放在论断旁边，让 AI 回答可以在上下文中核查 https://K3tty5555.github.io/LearnUI_PM/web/agent-task-list/ https://K3tty5555.github.io/LearnUI_PM/web/agent-task-list/ Sun, 13 Sep 2026 02:08:56 +0000 A compact checklist that shows an agent’s planned, active, completed, and blocked work / 展示 Agent 计划中待处理、当前、完成和阻塞工作的紧凑清单 https://K3tty5555.github.io/LearnUI_PM/styles/skeuomorphism/ https://K3tty5555.github.io/LearnUI_PM/styles/skeuomorphism/ Sun, 13 Sep 2026 02:08:56 +0000 Skeuomorphism carries real-world materials and objects into digital UI: controls are rendered as if physically made of something — glossy plastic, brushed metal, leather, paper — with the lighting, te https://K3tty5555.github.io/LearnUI_PM/styles/neumorphism/ https://K3tty5555.github.io/LearnUI_PM/styles/neumorphism/ Sun, 13 Sep 2026 02:08:56 +0000 Neumorphism renders every control as if extruded from, or pressed into, the page itself: background and controls share one matte color, and shape comes entirely from a pair of soft shadows — light fro https://K3tty5555.github.io/LearnUI_PM/styles/glassmorphism/ https://K3tty5555.github.io/LearnUI_PM/styles/glassmorphism/ Sun, 13 Sep 2026 02:08:56 +0000 Glassmorphism builds interfaces from translucent, frosted panels: the background — usually something vivid — blurs through each surface, a thin light border catches the 'edge' of the glass, and layers https://K3tty5555.github.io/LearnUI_PM/styles/liquid-glass/ https://K3tty5555.github.io/LearnUI_PM/styles/liquid-glass/ Sun, 13 Sep 2026 02:08:56 +0000 Liquid Glass is Apple's adaptive material for controls and navigation: toolbars, tab bars, buttons, and sliders render as lens-like glass that floats in its own layer above app content, refracting wha https://K3tty5555.github.io/LearnUI_PM/styles/web-brutalism/ https://K3tty5555.github.io/LearnUI_PM/styles/web-brutalism/ Sun, 13 Sep 2026 02:08:56 +0000 Web Brutalism treats the browser's own materials as the finished surface: default or system fonts, unstyled-looking links, visible document structure, plain borders and horizontal rules, and density o https://K3tty5555.github.io/LearnUI_PM/styles/neobrutalism/ https://K3tty5555.github.io/LearnUI_PM/styles/neobrutalism/ Sun, 13 Sep 2026 02:08:56 +0000 Neobrutalism is a designed graphic language: flat, saturated color blocks outlined in thick black strokes, with hard offset shadows — solid black rectangles displaced a few pixels, no blur — and chunk https://K3tty5555.github.io/LearnUI_PM/styles/y2k/ https://K3tty5555.github.io/LearnUI_PM/styles/y2k/ Sun, 13 Sep 2026 02:08:56 +0000 The Y2K digital aesthetic is millennium-turn techno-optimism rendered literally: liquid chrome and brushed metal, glossy gel and plastic surfaces, iridescent blue-silver palettes, orbs and blobs, wide https://K3tty5555.github.io/LearnUI_PM/styles/frutiger-aero/ https://K3tty5555.github.io/LearnUI_PM/styles/frutiger-aero/ Sun, 13 Sep 2026 02:08:56 +0000 Frutiger Aero is the glossy, nature-infused optimism of roughly 2004–2013: bright blue skies and water, green grass, bubbles, fish, and light rays fused with translucent glass panels, aqua buttons, an https://K3tty5555.github.io/LearnUI_PM/styles/flat-design/ https://K3tty5555.github.io/LearnUI_PM/styles/flat-design/ Sun, 13 Sep 2026 02:08:56 +0000 Flat Design renders the interface as pure 2D: surfaces are solid color fills, icons are simple geometric glyphs, and nothing pretends to be lit, embossed, or made of a material. Hierarchy comes from c https://K3tty5555.github.io/LearnUI_PM/styles/minimalism/ https://K3tty5555.github.io/LearnUI_PM/styles/minimalism/ Sun, 13 Sep 2026 02:08:56 +0000 Minimalism governs what is ON the screen, not how it's drawn: strip the interface to the fewest elements that still do the job, then let generous negative space and one or two dramatic typographic mom https://K3tty5555.github.io/LearnUI_PM/styles/claymorphism/ https://K3tty5555.github.io/LearnUI_PM/styles/claymorphism/ Sun, 13 Sep 2026 02:08:56 +0000 Claymorphism makes UI elements look molded from soft modeling clay: fat rounded corners, a light pastel fill, and the signature construction — two inner shadows (a bright one catching the top edge, a https://K3tty5555.github.io/LearnUI_PM/styles/vernacular-web/ https://K3tty5555.github.io/LearnUI_PM/styles/vernacular-web/ Sun, 13 Sep 2026 02:08:56 +0000 The Vernacular Web is the folk architecture of the early web: personal homepages built by amateurs from collected materials — tiled star backgrounds, animated sparkle and flame GIFs, rainbow divider r https://K3tty5555.github.io/LearnUI_PM/styles/aqua/ https://K3tty5555.github.io/LearnUI_PM/styles/aqua/ Sun, 13 Sep 2026 02:08:56 +0000 Aqua is the design language Mac OS X launched with in 2000: controls rendered as translucent candy gel — deep specular highlights over luminous water-blue — on pinstriped surfaces, with gumdrop red/ye https://K3tty5555.github.io/LearnUI_PM/styles/windows-aero/ https://K3tty5555.github.io/LearnUI_PM/styles/windows-aero/ Sun, 13 Sep 2026 02:08:56 +0000 Windows Aero is Microsoft's Vista and Windows 7 desktop language: window FRAMES rendered as transparent blurred glass with specular light sweeps, so the desktop glows through every title bar; luminous https://K3tty5555.github.io/LearnUI_PM/styles/swiss-style/ https://K3tty5555.github.io/LearnUI_PM/styles/swiss-style/ Sun, 13 Sep 2026 02:08:56 +0000 Swiss Style treats graphic design as engineering: content locked to a mathematical grid, set in one neutral grotesk (Helvetica, Akzidenz-Grotesk), aligned flush left, ragged right, printed black on wh https://K3tty5555.github.io/LearnUI_PM/styles/bauhaus/ https://K3tty5555.github.io/LearnUI_PM/styles/bauhaus/ Sun, 13 Sep 2026 02:08:56 +0000 Bauhaus is the visual language of the 1919–1933 German school that set out to unify art, craft, and industrial production: compositions are built from the primary shapes — circle, triangle, square — f https://K3tty5555.github.io/LearnUI_PM/styles/memphis/ https://K3tty5555.github.io/LearnUI_PM/styles/memphis/ Sun, 13 Sep 2026 02:08:56 +0000 Memphis is the postmodern design language launched by the Memphis Group in Milan in 1981: calculated 'bad taste' — hot pink, lemon yellow, teal and purple slammed together on white grounds, black-outl https://K3tty5555.github.io/LearnUI_PM/styles/vaporwave/ https://K3tty5555.github.io/LearnUI_PM/styles/vaporwave/ Sun, 13 Sep 2026 02:08:56 +0000 Vaporwave is the visual dialect of the early-2010s internet music microgenre of the same name: a collage of 1980s–90s consumer debris — pastel pink-to-cyan gradient skies, Greek marble busts, Japanese https://K3tty5555.github.io/LearnUI_PM/styles/art-deco/ https://K3tty5555.github.io/LearnUI_PM/styles/art-deco/ Sun, 13 Sep 2026 02:08:56 +0000 Art Deco is the geometry of luxury: mirror symmetry, sunburst and fan motifs, stepped ziggurat silhouettes, and gold linework on lacquer black with jewel accents. Named after the 1925 Paris Exposition https://K3tty5555.github.io/LearnUI_PM/styles/cyberpunk/ https://K3tty5555.github.io/LearnUI_PM/styles/cyberpunk/ Sun, 13 Sep 2026 02:08:56 +0000 Cyberpunk is the visual language of 'high tech, low life': near-black interfaces lit by neon magenta, cyan, and electric yellow, like signage over a rain-soaked street. Luminous hairline borders, bloo https://K3tty5555.github.io/LearnUI_PM/styles/pixel-art/ https://K3tty5555.github.io/LearnUI_PM/styles/pixel-art/ Sun, 13 Sep 2026 02:08:56 +0000 Pixel Art is a graphic language born from hardware limits: on the 8- and 16-bit consoles and arcade boards of the 1980s–90s, artists drew with visible square pixels and tiny indexed palettes, placing https://K3tty5555.github.io/LearnUI_PM/styles/corporate-memphis/ https://K3tty5555.github.io/LearnUI_PM/styles/corporate-memphis/ Sun, 13 Sep 2026 02:08:56 +0000 Corporate Memphis is the flat vector illustration style of late-2010s tech marketing: faceless people with tiny heads and disproportionately long, rubbery limbs, skin in blues, purples, and greens ins https://K3tty5555.github.io/LearnUI_PM/styles/material-design/ https://K3tty5555.github.io/LearnUI_PM/styles/material-design/ Sun, 13 Sep 2026 02:08:56 +0000 Material Design is Google's physics-based design language: UIs are digital paper layered along a z-axis, each surface resting at a measured elevation that casts a soft shadow, the main action hovering https://K3tty5555.github.io/LearnUI_PM/styles/terminal-hacker/ https://K3tty5555.github.io/LearnUI_PM/styles/terminal-hacker/ Sun, 13 Sep 2026 02:08:56 +0000 Terminal Hacker turns the screen into a vintage character terminal: a pure black CRT glowing in a single phosphor ink — matrix green or amber — with monospace glyphs, a soft halo around every characte https://K3tty5555.github.io/LearnUI_PM/styles/frutiger-metro/ https://K3tty5555.github.io/LearnUI_PM/styles/frutiger-metro/ Sun, 13 Sep 2026 02:08:56 +0000 Frutiger Metro, also known as Vectordelia, is the late-millennium vector-maximalist graphic style that flourished roughly 2005–2013 alongside Frutiger Aero but moved in the opposite direction: instead https://K3tty5555.github.io/LearnUI_PM/styles/anti-design/ https://K3tty5555.github.io/LearnUI_PM/styles/anti-design/ Sun, 13 Sep 2026 02:08:56 +0000 Anti-design / Dada Web treats visual conflict as the whole aesthetic: clashing typefaces, overlapping elements, broken grids, high-saturation colors that fight each other, and system defaults pushed t https://K3tty5555.github.io/LearnUI_PM/styles/acid-graphics/ https://K3tty5555.github.io/LearnUI_PM/styles/acid-graphics/ Sun, 13 Sep 2026 02:08:56 +0000 Acid Graphics is the dark, psychedelic cousin of millennium chrome: black backgrounds set off by toxic neon gradients, metallic 3D lettering that looks extruded from liquid mercury, and wireframe grid https://K3tty5555.github.io/LearnUI_PM/styles/risograph/ https://K3tty5555.github.io/LearnUI_PM/styles/risograph/ Sun, 13 Sep 2026 02:08:56 +0000 Risograph is the look of a Japanese stencil duplicator pushed into graphic art: layered spot colors — hot pink, cyan, sunflower yellow — printed slightly out of register, leaving halos and color moiré https://K3tty5555.github.io/LearnUI_PM/styles/zine-collage/ https://K3tty5555.github.io/LearnUI_PM/styles/zine-collage/ Sun, 13 Sep 2026 02:08:56 +0000 Zine / Collage treats the interface as a photocopied, hand-cut magazine spread: pieces of paper are torn or trimmed, layered at odd angles, and taped into place with masking tape; text alternates betw https://K3tty5555.github.io/LearnUI_PM/styles/steampunk/ https://K3tty5555.github.io/LearnUI_PM/styles/steampunk/ Sun, 13 Sep 2026 02:08:56 +0000 Steampunk dresses the interface in the brass, leather and rivets of a Victorian machine room that never was: warm sepia grounds, burnished copper and bronze, gear-edged frames, engraved serif letterin https://K3tty5555.github.io/LearnUI_PM/styles/dieselpunk/ https://K3tty5555.github.io/LearnUI_PM/styles/dieselpunk/ Sun, 13 Sep 2026 02:08:56 +0000 Dieselpunk is the visual language of 1920s–1940s industrial war machines rendered as UI: riveted gunmetal panels, aviation gauges, oxidized copper and olive drab, oil stains, and stenciled lettering. https://K3tty5555.github.io/LearnUI_PM/styles/biopunk/ https://K3tty5555.github.io/LearnUI_PM/styles/biopunk/ Sun, 13 Sep 2026 02:08:56 +0000 Biopunk drags cyberpunk out of the chrome-and-neon city and into the wet lab: interfaces look grown rather than machined — viscous gels, semi-translucent membranes, throbbing vascular progress bars, a https://K3tty5555.github.io/LearnUI_PM/styles/afrofuturism/ https://K3tty5555.github.io/LearnUI_PM/styles/afrofuturism/ Sun, 13 Sep 2026 02:08:56 +0000 Afrofuturism projects African and diasporic culture into science fiction and the cosmos: interfaces that read like a star chart, a royal banner, and a launch console at once. Deep space black is edged https://K3tty5555.github.io/LearnUI_PM/styles/de-stijl/ https://K3tty5555.github.io/LearnUI_PM/styles/de-stijl/ Sun, 13 Sep 2026 02:08:56 +0000 De Stijl is the Dutch abstract movement that reduced painting and design to a strict grammar of horizontal and vertical black lines enclosing rectangles of red, yellow, and blue on a white ground. Eve https://K3tty5555.github.io/LearnUI_PM/styles/constructivism/ https://K3tty5555.github.io/LearnUI_PM/styles/constructivism/ Sun, 13 Sep 2026 02:08:56 +0000 Constructivism translates early Soviet avant-garde graphic language into UI: razor-sharp diagonals, red-and-black slabs, clipped industrial photography, and blocky sans-serif type locked into dynamic, https://K3tty5555.github.io/LearnUI_PM/styles/pop-art/ https://K3tty5555.github.io/LearnUI_PM/styles/pop-art/ Sun, 13 Sep 2026 02:08:56 +0000 Pop Art lifts the look of mass media into UI: comic panels, advertising halftones, and celebrity faces are redrawn as flat, saturated shapes locked inside thick black ink outlines, with Ben-Day dots s https://K3tty5555.github.io/LearnUI_PM/styles/surrealism/ https://K3tty5555.github.io/LearnUI_PM/styles/surrealism/ Sun, 13 Sep 2026 02:08:56 +0000 Surrealism treats the interface as a dream canvas: recognizable objects are placed in impossible relationships — clocks melt and drape over edges, eyes float in soft gradients, solids breathe with slo https://K3tty5555.github.io/LearnUI_PM/styles/art-nouveau/ https://K3tty5555.github.io/LearnUI_PM/styles/art-nouveau/ Sun, 13 Sep 2026 02:08:56 +0000 Art Nouveau is the late-19th-century 'new art' that replaced historical revivalism with living, asymmetrical lines drawn from plants, flowers, and whiplash tendrils. Its interfaces and graphics favor https://K3tty5555.github.io/LearnUI_PM/styles/holographic/ https://K3tty5555.github.io/LearnUI_PM/styles/holographic/ Sun, 13 Sep 2026 02:08:56 +0000 Holographic UI looks like light hitting rainbow foil: a metallic silver base explodes into shifting cyan, magenta, violet, and gold, with pastel pink and lavender shimmers sliding across the surface. https://K3tty5555.github.io/LearnUI_PM/styles/isometric-3d/ https://K3tty5555.github.io/LearnUI_PM/styles/isometric-3d/ Sun, 13 Sep 2026 02:08:56 +0000 Isometric 3D renders interface scenes as axonometric block worlds: three axes spaced 120° apart on the picture plane, parallel lines that never converge, and geometric solids built from cubes and extr https://K3tty5555.github.io/LearnUI_PM/styles/line-art/ https://K3tty5555.github.io/LearnUI_PM/styles/line-art/ Sun, 13 Sep 2026 02:08:56 +0000 Line Art renders an interface as a contour drawing: every control, container, and icon is built from a single-weight outline with no solid fill, like a technical illustration or monoline icon set blow https://K3tty5555.github.io/LearnUI_PM/styles/hand-drawn/ https://K3tty5555.github.io/LearnUI_PM/styles/hand-drawn/ Sun, 13 Sep 2026 02:08:56 +0000 Hand-drawn UI keeps the evidence of a human hand on the screen: lines wobble a pixel or two off a perfect vector, color blocks look marker-filled with uneven edges, and typography leans toward handwri https://K3tty5555.github.io/LearnUI_PM/styles/fantasy-rpg/ https://K3tty5555.github.io/LearnUI_PM/styles/fantasy-rpg/ Sun, 13 Sep 2026 02:08:56 +0000 Fantasy RPG UI draws its look from the inventory screens, spellbooks, and status panels of tabletop-to-computer role-playing games: parchment, weathered stone, tooled leather, and dark patinated metal https://K3tty5555.github.io/LearnUI_PM/styles/lcars/ https://K3tty5555.github.io/LearnUI_PM/styles/lcars/ Sun, 13 Sep 2026 02:08:56 +0000 LCARS is the 24th-century Starfleet computer interface: a black canvas covered in large, flat, rounded color blocks — orange, peach, amber, lavender, and red — that act as both labels and touch target https://K3tty5555.github.io/LearnUI_PM/styles/mono-color-editorial-print/ https://K3tty5555.github.io/LearnUI_PM/styles/mono-color-editorial-print/ Sun, 13 Sep 2026 02:08:56 +0000 Mono-color Editorial Print builds an entire visual system from one ink color, or a tightly controlled second printing pass: oversized editorial typography, deliberate empty paper, halftone imagery, dr