skills.rest
superpollo02
superpollo02COMMUNITY
Explore all skills by this author →
GitHub

agentic

Design conversational AI-first interfaces with WCAG 2.2 AA accessibility and keyboard-first interaction.

Updated May 13, 2026
Search Tags:#accessibility#design system#conversation design#component states#token-based styling#agentic UI
One-click install
npx skills add https://github.com/superpollo02/awesome-design-skill --skill agentic-superpollo02
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agentic
Source: https://github.com/superpollo02/awesome-design-skill/tree/main/skills/agentic
Command: npx skills add https://github.com/superpollo02/awesome-design-skill --skill agentic-superpollo02

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps teams design agentic, AI-first interfaces that make task delegation feel simple, understandable, and reliable for users.

Core Features & Use Cases

  • Conversational-first interaction design that emphasizes outcomes over complex control panels, making AI workflows easier to operate.
  • Actionable component and state guidance that covers default, hover, focus-visible, active, disabled, loading, and error behaviors for common UI building blocks.
  • Accessibility and quality gates aligned to WCAG 2.2 AA and keyboard-first requirements to ensure implementations remain usable and testable.

Quick Start

Ask your team’s UI agent to generate an agentic workflow screen that uses semantic components, explicit focus-visible states, and token-based styling consistent with the Agentic palette and typography.

Frequently Asked Questions about agentic

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design conversational AI user interfaces for complex task delegation?▼

Designing conversational AI user interfaces for task delegation involves creating outcome-driven flows that reduce complexity. You can apply explicit component state behaviors, including loading, empty, and error states, to make agentic workflows reliable.

What accessibility requirements apply to agentic UI component design?▼

Agentic UI component design requires meeting WCAG 2.2 AA accessibility standards. This includes implementing keyboard-first interaction patterns and visible focus states across all default, hover, active, and disabled component behaviors.

How do I manage UI component states for delegated agentic workflows?▼

Managing UI component states for delegated agentic workflows requires defining explicit behaviors for default, hover, focus-visible, active, disabled, loading, and error conditions. This ensures task flows remain understandable and testable.

Can I use token-based styling to build agentic task flow screens?▼

Yes, you can use token-based styling to build agentic task flow screens. Applying token-based constraints for spacing and typography ensures semantic components remain consistent and accessible across conversational AI-first interfaces.

What is the best way to structure conversation design for AI-first workflows?▼

Structuring conversation design for AI-first workflows means emphasizing user outcomes over complex control panels. This approach simplifies AI task delegation by mapping task flows to actionable component behaviors and clear state transitions.

Related Skills

Explore More Design & Creative Skills→
lemulemu

visual-design-foundations

Standardize typography, color, spacing, and iconography into design tokens and guidelines.

Community
Intermediate
tbartel74tbartel74
14

react-tailwind-vigil-ui

Build React 18, Vite, and Tailwind CSS v4 frontend interfaces for Vigil Guard configuration.

Community
Advanced
bergsidebergside
2.3k

sleek

Enforce minimalist design-system specs with WCAG 2.2 AA accessibility rules.

Official
Intermediate
NickCrewNickCrew
29

ctx-brainstorming

Facilitate brainstorming sessions to generate structured plans and seed tasks.

Community
Basic