Token导航 LogoToken导航

Agent Skill · 研究检索

agentic-ai-%26-generative-ux(Agent AI %26 生成式用户体验)

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

agentic-ai-%26-generative-ux 是研究检索类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为执行命令;许可证信息还不明确,暂无第三方扫描结果,按安装量在研究检索类的 73,675 个 Skill 里排第 12,040。

总安装 10,637周安装 331GitHub Stars 3下载 2,894核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:agentic-ai-%26-generative-ux(Agent AI %26 生成式用户体验)
来源仓库:https://github.com/phazurlabs/ux-ui-mastery
仓库路径:skills/agentic-ai-%26-generative-ux
安装命令:
npx skills add https://github.com/phazurlabs/ux-ui-mastery --skill 'Agentic AI & Generative UX'
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/phazurlabs/ux-ui-mastery --skill 'Agentic AI & Generative UX'

这个 Skill 是做什么的

研究检索类 Skill 主要解决「找资料、核对事实、把来源整理清楚」的问题,通常会让助手先检索再总结。

agentic-ai-%26-generative-ux 探讨代理式 AI 的用户体验范式转变。适合重新设计界面以适配 AI 代理自主决策与多步执行。强调用户角色从操作者转为监督者与协作者。

安装命令:npx skills add https://github.com/phazurlabs/ux-ui-mastery --skill 'Agentic AI & Generative UX'。需结合品牌与设计系统,避免过度装饰。

来源仓库内路径:skills/agentic-ai-%26-generative-ux

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/phazurlabs/ux-ui-mastery --skill 'Agentic AI &…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要执行命令,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

agentic-ai-%26-generative-ux 怎么安装?

在终端执行 npx skills add https://github.com/phazurlabs/ux-ui-mastery --skill 'Agentic AI & Generativ…。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

agentic-ai-%26-generative-ux 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

agentic-ai-%26-generative-ux 需要什么权限?

权限级别是执行命令。安装流程涉及命令执行,可能通过 npx skills add https://github.com/phazurlabs/ux-ui-mastery --skill 'Agentic AI & Generative UX' 联网下载 Skill 或依赖。用户安装前应确认命令来源、仓库内容和执行环境。

agentic-ai-%26-generative-ux 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

agentic-ai-%26-generative-ux 用的人多吗?

公开数据是累计安装 10,637 次,近一周安装 331 次,下载 2,894 次,GitHub 3 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

agentic-ai-%26-generative-ux 安全吗?

没有查到第三方扫描结果,安全性无法从公开资料判断,安装前请自行审查源码、依赖和命令行为。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。

先想清楚的地方

  • 需要执行命令,装到常用环境前要先评估影响面。
  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 没有第三方扫描结果,安全性只能靠自己读源码判断。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理研究检索类任务、又不想每次都手写提示词的人。

不太适合

  • 不能接受 Skill 在你机器上执行命令的人。
  • 需要明确授权才能用到公司项目里的场景。
  • 要求有安全扫描结论才肯安装的团队。

研究检索类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
find-skills

寻找技能 · Codex、Claude

31,199,81316,486操作浏览器MIT有提醒
self-improving-agent

自我改进 Agent · OpenClaw

16,464,0023,396接触敏感数据MIT-0通过
soultrace

灵魂追踪 · Codex、Claude

7,588,94412需要联网未明确有提醒
self-improving

自我完善 · OpenClaw

6,829,2841,046需要联网MIT-0通过
microsoft-foundry

微软代工厂 · Codex、Claude

6,614,144764调用外部服务未明确有提醒
agentic-ai-%26-generative-ux

Agent AI %26 生成式用户体验 · 本页

10,6373执行命令未明确未收录

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

Agentic AI & Generative UX — The Agent Interface Paradigm

The Paradigm Shift: Tools to Agents

The interface paradigm has fundamentally shifted. Traditional software treats users as operators — clicking buttons, filling forms, navigating menus. Agentic AI inverts this relationship. The system becomes an autonomous agent that acts on behalf of the user, infers goals, executes multi-step plans, and reports results. The user's role shifts from operator to supervisor, delegator, and collaborator.

Gartner identified agentic AI as the number-one strategic technology trend for 2025. This is not incremental. It is a category-level change in how humans interact with software, equivalent to the shift from command-line to graphical UI, or from desktop to mobile-first.

Three Interface Eras

  1. Tool Era (pre-2023): User drives every action. Software responds to explicit commands. Interfaces optimized for direct manipulation.
  2. Copilot Era (2023-2025): AI assists within existing workflows. User remains in control. AI suggests, user accepts or rejects. Chat sidebars, inline completions, smart suggestions.
  3. Agent Era (2025+): AI executes entire workflows autonomously. User sets goals, defines constraints, and monitors outcomes. Interfaces optimized for delegation, oversight, and trust calibration.

The three eras coexist. Not every task needs an agent. The designer's job is to match the right interaction model to the right task and user context.

Intent Modeling UX

Agentic systems must infer user goals rather than waiting for explicit commands. This creates a new design challenge: intent resolution.

Intent Signals

  • Explicit intent: User types a goal in natural language ("Book me a flight to Tokyo next week under $800").
  • Contextual intent: System infers from behavior, history, calendar, and environment (user opens travel app on Friday → likely planning weekend trip).
  • Ambient intent: Background signals from connected systems (calendar shows conference in Tokyo → proactively suggest flights).

Design Principles for Intent

  • Always confirm inferred intent before acting on high-stakes tasks. "It looks like you're planning a trip to Tokyo. Want me to find flights?" is safer than silently booking.
  • Display the interpreted intent visibly so users can correct misunderstanding. Show "I understood: round-trip flight, Tokyo, March 15-22, under $800" before execution.
  • Provide progressive autonomy — start with confirmation-required mode, let users opt into higher autonomy as trust builds.
  • Support intent refinement through conversation. The first statement rarely captures the full goal. Design for iterative clarification without friction.

Constraint and Policy Design

What an agent cannot do is as important as what it can do. Constraint design is a first-class UX discipline for agentic systems.

Constraint Taxonomy

  • Hard constraints (non-negotiable): Security boundaries, legal compliance, data access limits. The agent cannot override these regardless of user request.
  • Soft constraints (user-configurable): Budget limits, time preferences, quality thresholds, communication style. Users set and adjust these.
  • Contextual constraints (system-inferred): Derived from user role, organization policies, or current task context. May be overridden with appropriate authorization.

Constraint UX Patterns

  • Present constraints as "guardrails" that protect the user, not limitations that restrict them. Frame positively: "I'll keep your spending under $200" not "I cannot exceed $200."
  • Make constraint boundaries visible before the agent encounters them. Show the operating envelope upfront.
  • When the agent hits a constraint, explain clearly: what it tried to do, which constraint blocked it, and how the user can adjust if they want to.
  • Provide a constraint dashboard where power users can view and configure all agent boundaries in one place.

Background Agent Orchestration

Agents running asynchronously — while users do other work — require entirely new UX patterns for monitoring, attention management, and result delivery.

Background Task Patterns

  • Task cards: Persistent, minimal-footprint cards showing active agent tasks with status indicators (queued, running, needs input, complete, failed).
  • Attention-on-demand: Agents work silently until they need user input or encounter an issue. Notification severity matches the urgency: silent completion, gentle notification, interrupt-level alert.
  • Progress transparency: Show meaningful progress indicators, not just spinners. "Analyzing 847 of 2,400 documents" is better than "Working..."
  • Result staging: When an agent completes a task, stage results for review rather than auto-applying. "I found 3 flights that match. Review them?" preserves user agency.

Monitoring Dashboards

  • Show all active agents, their current status, and recent outputs in a unified view.
  • Allow users to pause, reprioritize, or cancel agent tasks.
  • Provide execution logs for transparency — let users see what the agent did and why.
  • Surface agent resource consumption (tokens used, API calls made, time elapsed) for cost-aware users.

Multi-Agent Coordination

Systems with multiple specialized agents require coordination patterns that are visible and comprehensible to users.

Agent Identity and Specialization

  • Give each agent a clear name, role description, and capability scope. "Research Agent," "Writing Agent," "Code Review Agent" — not "Agent 1, Agent 2, Agent 3."
  • Show which agent is active at any moment and why. "Research Agent is gathering sources for your report."
  • Visualize handoffs between agents explicitly. "Research Agent found 12 sources. Handing off to Writing Agent to draft the summary."

Orchestration Visibility

  • Show the agent workflow plan before execution when complexity warrants it. "Here's my plan: 1) Research → 2) Outline → 3) Draft → 4) Review. Proceed?"
  • Allow users to intervene at handoff points between agents.
  • Provide a coordination timeline or swimlane view showing parallel agent activity for complex workflows.

Generative UI Paradigm

Generative UI (GenUI) dynamically creates interface elements based on context rather than rendering pre-designed layouts. Google's A2UI research shows 72% user preference for generative UI over purely conversational interfaces for complex tasks.

Three UI Paradigms

  1. Conversational UI: Text-based interaction. Best for simple queries, open-ended exploration, and ambiguous tasks.
  2. Instructed UI: Pre-designed components triggered by AI. Best for structured tasks with known interaction patterns.
  3. Generative UI: AI generates UI components on-the-fly. Best for complex, variable tasks where pre-designed layouts cannot anticipate all cases.

Outcome-Oriented Design (NNG)

Design for outcomes, not layouts. Instead of designing a fixed screen for "flight booking," design outcome specifications: "The user needs to evaluate and select a flight." The AI generates the optimal interface for that outcome given the current context, device, user preferences, and data.

Design System Integration

Generative UI must produce interfaces that are on-brand and consistent. Constrain generation to your design system's components, tokens, and patterns. The AI composes from your component library — it does not invent new visual elements from scratch. This ensures accessibility, brand consistency, and production quality.

RAG and Knowledge Interface Patterns

Retrieval-Augmented Generation (RAG) interfaces surface AI-generated content grounded in retrieved source documents. These require specific UX patterns for trust and verification.

Citation Design

  • Inline citations with numbered references linking to source documents.
  • Source panel showing retrieved documents with relevance indicators.
  • Highlight the specific passage in the source that supports each claim.
  • Show confidence level per claim where the system can estimate it.

Knowledge Freshness

  • Display the date range of source documents. "Based on documents from Jan 2024 - Feb 2026."
  • Flag when sources may be outdated for time-sensitive information.
  • Allow users to request re-retrieval with updated sources.

AI Safety UX and Guardrail Design

Trust Calibration

Trust is the central design challenge for AI interfaces. The goal is calibrated trust — users trust the AI exactly as much as its actual reliability warrants. Over-trust leads to unverified acceptance of errors. Under-trust leads to wasted verification effort and eventual abandonment.

Guardrail Tiers

  • Tier 1 — Informational: Agent acts autonomously, logs actions for optional review. For low-risk, reversible actions.
  • Tier 2 — Advisory: Agent proposes action and explains reasoning, user approves or modifies. For medium-risk actions.
  • Tier 3 — Mandatory: Agent cannot proceed without explicit user approval. For high-risk, irreversible, or financially significant actions.

Map every agent capability to a guardrail tier based on risk and reversibility.

AI UX Anti-Patterns

AI Fatigue and "AI Slop"

NNG Group's State of UX 2026 report identifies AI fatigue as a critical concern. Users are increasingly resistant to unnecessary AI features, low-quality AI-generated content, and forced AI interactions. Avoid:

  • Adding AI to features that work well without it.
  • Replacing deterministic, reliable workflows with probabilistic AI alternatives.
  • Generating content where human-authored content would be more trustworthy.
  • Forcing AI interaction when direct manipulation is faster.
  • Displaying "AI-powered" badges as marketing rather than functional indicators.

When NOT to Use AI

AI is not always the answer. Prefer direct manipulation for: binary choices, simple CRUD operations, well-defined form fills, single-click actions, and tasks where user preference is clear. AI adds value for: ambiguous goals, complex multi-step workflows, pattern recognition at scale, personalization, and creative assistance.

AI Literacy Design

Users have wildly varying mental models of AI capabilities. Design for progressive AI literacy.

Literacy Levels

  • Novice: Thinks AI is either magic or useless. Needs guardrails, simple explanations, and limited autonomy.
  • Intermediate: Understands AI strengths and weaknesses. Ready for more autonomy with transparent reasoning.
  • Expert: Understands prompting, model limitations, and wants maximum control. Provide advanced settings, prompt editing, and model selection.

Design systems that serve all three levels simultaneously through progressive disclosure of AI controls.

Prompt Engineering UX

Six augmentation patterns from UX research for helping users write better prompts:

  1. Style galleries: Visual examples of outputs organized by style. User selects a reference output instead of describing in words.
  2. Prompt rewrite: System improves the user's prompt automatically and shows the enhanced version for approval.
  3. Targeted rewrite: System identifies the weak part of a prompt and suggests a specific improvement.
  4. Related prompts: After a result, suggest follow-up prompts that refine or extend the output.
  5. Prompt builders: Structured forms that construct prompts from discrete inputs (tone, length, audience, format).
  6. Parametrization: Sliders and controls that adjust generation parameters visually (creativity, length, formality).

Cross-Referencing

  • For foundational AI interface patterns, reference ai-spatial-voice-ux.
  • For AI content quality and ethics, reference ux-ethics-content-strategy.
  • For AI feature accessibility, reference accessibility-inclusive-design.
  • For AI metrics and measurement, reference ux-metrics-measurement.
  • For design system integration with generative UI, reference design-systems-architecture.

v3.0 Cross-References

The v3.0 upgrade introduces dedicated reference materials for conversational AI patterns, hallucination guardrails, and ambient AI contexts.

Conversational AI Dialogue Patterns See references/conversational-ai-dialogue-patterns.md for comprehensive conversation UI patterns covering dialogue state machines, turn-taking design, multi-turn context management, streaming UX for token-by-token LLM output, error recovery in conversational flows, AI persona consistency frameworks, and memory/context transparency. This reference also covers the Smashing Magazine (Feb 2026) agentic control/consent/accountability triad — a three-pillar ethical framework for agentic interfaces that ensures users maintain meaningful control over agent actions, provide informed consent for autonomous operations, and can hold the system accountable through audit trails and explainable decisions.

LLM Hallucination Design Guardrails See references/llm-hallucination-design-guardrails.md for the hallucination-specific design reference covering hallucination taxonomy (intrinsic vs. extrinsic, factual vs. faithfulness), confidence indicator design patterns (calibrated uncertainty visualization, hedge language in AI responses), verification UX (inline fact-check affordances, source-grounding UI, user-initiated verification flows), and AI quality gates for production deployment (automated hallucination detection thresholds, human-in-the-loop review triggers, regression monitoring dashboards). This reference extends the Trust Calibration and AI Safety UX sections above with hallucination-specific depth.

Proactive AI in Ambient Computing See the ambient-calm-zero-ui skill for design patterns at the intersection of agentic AI and ambient computing — where AI agents operate proactively in the background without screen-based interfaces. This skill covers notification philosophy for agent-initiated ambient actions, peripheral awareness displays for background agent status, calm technology principles for non-intrusive AI suggestions, and the tension between proactive AI helpfulness and user attention respect.

Key Sources

  • Gartner Top Strategic Technology Trends 2025 (Agentic AI)
  • NNG Group: Generative UI, Outcome-Oriented Design, State of UX 2026, AI Literacy
  • Microsoft Design: UX Design for Agents, Copilot Framework
  • Google A2UI: Agent-to-UI Interoperability Format
  • OpenAI Apps SDK Design System
  • World Economic Forum: Multi-Agent AI UX
  • Arxiv: Agentic AI Design Workflows, Survey of GenAI UI Design
  • ACM CHI 2025: Designing UIs with AI Workshop

平台分布

Codex

35.03%
按下载量换算1,014

Claude

31.06%
按下载量换算899

Cursor

18.46%
按下载量换算534

Gemini CLI

10.92%
按下载量换算316

安全审计

暂无安全审计结果可展示。

权限和风险

执行命令

安装流程涉及命令执行,可能通过 npx skills add https://github.com/phazurlabs/ux-ui-mastery --skill 'Agentic AI & Generative UX' 联网下载 Skill 或依赖。用户安装前应确认命令来源、仓库内容和执行环境。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills